3-2 通过ID获取元素
本节编程练习不计算学习进度，请电脑登录imooc.com操作

通过ID获取元素

学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。

语法:

 document.getElementById("id")

看看下面代码:

结果:null或[object HTMLParagraphElement]

注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。

任务

在右边编辑器中，补充第10行代码，通过document.getElementById获取id为con的p标签。

第11行为输出获取的元素，看看结果是什么。

index.html 
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>document.getElementById</title>
  6. </head>
  7. <body>
  8. <p id="con">JavaScript</p>
  9. <script type="text/javascript">
  10.   var mychar=           ;
  11.   document.write("结果:"+mychar); //输出获取的P标签。 
  12. </script>
  13. </body>
  14. </html>
下一节