已经过时的JavaScript方法

image

DOM扩展方法 HTML5的部分规范

  1. 我们通过getElementById,getElementsByClassName,getElementsTagName(html5的扩展),通过元素ID,class,ElementName获取一个元素,这是很久之前的规范了。
  2. W3C有新的规范出现了,可以通过querySelector,querySelectorAll,matchesSelector这三个方法获取元素,这两个函数的使用就跟CSS的选择器语法一样,例如,document.querySelector('div .todo'),不用jquery了,大部分浏览器已经原生支持了。
  3. 以前我们要通过js更改一个元素的className的时候,一般都是要写很多代码,或者封装一下方法,进行重复调用,但是html5定义了classList这个类,里面有四个方法:add(),remove(),toggle(),contains(),具体使用方法你可以百度一下,更加方便。
  4. 我们获取一个元素的子元素一般都是使用firstChild,最后一个元素使用lastChild,但是如果父元素里面有空格和字符元素,那么使用这些属性就有可能返回文本节点,现在出现了新的规范,firstElementChild,跟lastElementChild,这种是元素版的返回,不会返回文本节点,如果要遍历一个元素的所有子元素,会更加方便。
  5. 一共有五个变种,firstElementChild,childElementCount(以前的childs),lastElementChild,nextElementSibling,previousElementSibling,上面的所有方法都不会返回文本节点,请放心食用。

DOM

上面的选择方法,都可以在document,或者Element中使用。

发表新评论