document其它属性:

1、charset:获取当前文档的字符编码格式

2、readyState:代表当前文档所处的一个状态

  • loading:代表html页面处于加载状态
  • interactive:代表外部资源加载的过程
  • complete:页面加载完成

3、anchors:获取到带有name属性的a标签。返回的是一个集合,不是数组,拥有length属性,可以通过下标去访问

4、links:获取到带有href属性的a标签

5、forms:获取到当前页面的所有表单

6、images:获取所有的image标签

7、scripts:返回所有的script标签

8、document.title:用于获取或设置文档的标题。如果存在,它的默认为 <title> 的值。

 

document.xxx去获取页面中的元素

1、document.getElementById() 获取到一个具体的元素,如果没有获取到对应的元素返回null;当id在html中重复出现(html并不会给我们报错),我们只能获取到第一个id为对应值的元素获取到的DOM节点

2、document.getElementsByName() 根据name属性来获取元素;获取的是一个nodeList的集合(类数组对象)

3、document.getElementsByTagName() 根据标签名(元素名)来获取页面中的元素;获取的是一个nodeList的集合(类数组对象)

4、document.getElementsByClassName() 根据class名获取元素,这个东西在ie8及以下不支持(不考虑IE低版本的可以放心使用)

5、document.querySelector(cssquery) 只能找到符合要求的第一个元素

console.log(document.querySelector("form input"));

6、document.querySelectorAll(cssquery) 返回符合选择器的所有元素的集合

console.log(document.querySelectorAll("form input"));

jq连缀写法:

console.log(document.getElementsByTagName("form").item(0).getElementsByTagName("button"));

获取当前元素的class属性值(可读可写)

className:获取元素的class属性值

所有的浏览器都支持该属性

如果没有该属性值则返回“”

注意:在写入的时候是一个覆写操作,会覆盖原本的值

document.getElementById("box").className += "pox";

 

原文地址:http://www.cnblogs.com/crazier/p/16860857.html

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长! 2. 分享目的仅供大家学习和交流,请务用于商业用途! 3. 如果你也有好源码或者教程,可以到用户中心发布,分享有积分奖励和额外收入! 4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解! 5. 如有链接无法下载、失效或广告,请联系管理员处理! 6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需! 7. 如遇到加密压缩包,默认解压密码为"gltf",如遇到无法解压的请联系管理员! 8. 因为资源和程序源码均为可复制品,所以不支持任何理由的退款兑现,请斟酌后支付下载 声明:如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性