码迷,mamicode.com
首页 > 其他好文 > 详细

通过ID获取元素

时间:2017-01-20 17:17:33      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:esc   regular   思想   com   html   script   作用   改变   网页   

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

语法:

 document.getElementById(“id”) 
注:获取的元素是一个对象,如想对元素进行操作,我们要通过它的属性或方法。
例如:

技术分享

运行结果为:

技术分享

理解:输出为null,是因为代码是顺序执行的,先调用了JavaScript代码,但是这个时候还没有ID为“con”的元素,得到空

技术分享

技术分享

理解:document.getElementById(‘con‘)获取的只是P标签,返回的是[object HTMLParagraphElement],

        document.getElementById(‘con‘).innerHTML获取的才是P标签里的内容,返回的是JavaScript

innerHTML 属性

innerHTML 属性用于获取或替换 HTML 元素的内容。

语法:

Object.innerHTML

注意:

1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。

2.注意书写,innerHTML区分大小写。

技术分享

运行结果为:

技术分享

网上对于此形象的解释:

 con 和 mychar 都是名字,随便怎么取是我们的自由。getElementById就像是个抓手,把h2这个元素抓到了,但是getElementById只会抓人,不会做思想工作,没能力改变它抓来的人,这时候就要靠innerHTML,它的作用就是从改变抓来的人。

通过ID获取元素

标签:esc   regular   思想   com   html   script   作用   改变   网页   

原文地址:http://www.cnblogs.com/pmlyc/p/6322991.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!