网页由标签将信息组织起来,而标签的id属性值是唯一的,如何通过javascript找到要获取的元素 1 document.getElementById("id") //语法
通过以下代码发现运行结果为null或[object HTMLParagraphElement] [url=][/url]
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>[url=][/url]
获取的元素是一个对象,如想对元素进行操作,我们要通过它的属性或方法。(object HTMLParagraphElement 对象 HTML段落元素,获取到的是元素,这个元素也就是对象,获取到的对象不会显示里面的值,所以显示object HTMLParagraphElement,想要抽取出里面的值,就用 innerHTML 获取)
|