黑马程序员技术交流社区
标题: 【上海校区】 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 |