javascript中通过ID获取元素
程序员文章站
2022-04-14 16:37:07
网页由标签将信息组织起来，而标签的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 获取）
推荐阅读