黑马程序员技术交流社区

标题: 【上海校区】 javascript中通过ID获取元素 [打印本页]

作者: 梦缠绕的时候    时间: 2020-3-17 10:06
标题: 【上海校区】 javascript中通过ID获取元素
网页由标签将信息组织起来,而标签的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 获取)


作者: 梦缠绕的时候    时间: 2020-3-17 10:06
欢迎联系小优:DKA-2018




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2