js取得標籤的值的方法:1、js可以使用物件的innerText屬性取得標籤的值;2、可以透過JS取得DOM元素的方法先取得標籤,然後再使用value等取得標籤的值即可。
本篇文章將介紹JS取得標籤值的方法。
可以使用物件的innerText屬性取得標籤的值。
<style type="text/css"> .attr{border:1px solid red;width:40px;height:20px;margin:30px 40px;} </style> <div name="gary" age="30" class="attr" onclick="onBtn(this)">按钮</div> <script type="text/javascript"> function onBtn(obj){ alert(obj.innerText); }; </script>
也可以透過JS取得DOM元素的方法(8種):
透過ID取得(getElementById)
#透過name屬性(getElementsByName)
透過標籤名稱(getElementsByTagName)
透過類別名稱(getElementsByClassName)
#取得html的方法(document.documentElement)
##來取得body的方法(document.body) 透過選擇器取得一個元素(querySelector) 透過選擇器取得一組元素(querySelectorAll)#先取得標籤,再使用value等取得標籤的值。例如:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <script type="text/javascript"> var div = document.getElementsByTagName('div')[0]; //获取到了div //element加了s表示是集合 获取的是一组元素 是伪数组 //可以在获取元素后面加[写你想要的那个元素 数字表示 下标是0]; alert(div.value); </script> </body> </html>
以上是js怎麼取得標籤的值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!