javascript中通過ID獲取元素


網頁由標簽將信息組織起來,而標簽的id屬性值是唯一的,如何通過javascript找到要獲取的元素

1 document.getElementById("id") //語法

 通過以下代碼發現運行結果為null或[object HTMLParagraphElement]

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>通過ID獲取元素</title>
 6         <script type="text/javascript">
 7             var myceshi=document.getElementById('ceshi');//獲取元素存儲在變量中
 8             // document.write('結果:'+myceshi);//輸出變量
 9             alert(myceshi);
10             document.write('結果:'+myceshi);//輸出變量
11         </script>
12     </head>
13     <body>
14         <div id="ceshi">I love javascript</div>
15         <!-- <script type="text/javascript">
16             var myceshi=document.getElementById('ceshi');//獲取元素存儲在變量中
17             // document.write('結果:'+myceshi);//輸出變量
18             alert(myceshi);
19             document.write('結果:'+myceshi);//輸出變量
20         </script> -->
21     </body>
22 </html>

獲取的元素是一個對象,如想對元素進行操作,我們要通過它的屬性或方法。(object HTMLParagraphElement 對象 HTML段落元素,獲取到的是元素,這個元素也就是對象,獲取到的對象不會顯示里面的值,所以顯示object HTMLParagraphElement,想要抽取出里面的值,就用 innerHTML 獲取)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM