網頁由標簽將信息組織起來,而標簽的id屬性值是唯一的,如何通過javascript找到要獲取的元素,語法:document.getElementById("id"),運行結果值為null或[object HTMLParagraphElement],原因在於獲取的元素是一個對象,如想對元素進行操作,我... ...
網頁由標簽將信息組織起來,而標簽的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 獲取)