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 获取)

posted @ 2020-03-16 23:56  鬼牛阿飞  阅读(20203)  评论(0编辑  收藏  举报