網頁由標簽將信息組織起來,而標簽的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 獲取)