网页由标签将信息组织起来,而标签的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 获取)