当前位置: 移动技术网 > IT编程>开发语言>JavaScript > javascript中通过ID获取元素

javascript中通过ID获取元素

2020年03月17日  | 移动技术网IT编程  | 我要评论

六哲的资料,哈姆太郎第四季,玻璃镀膜技术

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

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网