孙肖宁

H5中的DOM扩展
获取元素document.getElementsByClassName ('class') 通过类名获取元素,以类...
扫描右侧二维码阅读全文
20
2018/05

H5中的DOM扩展

获取元素

  • document.getElementsByClassName ('class') 通过类名获取元素,以类数组形式存在。
  • document.querySelector(‘div’) 通过CSS选择器获取元素,符合匹配条件的第1个元素。
  • document.querySelectorAll('selector') 通过CSS选择器获取元素,以类数组形式存在。

类名操作

  • Node.classList.add('class') 添加class
  • Node.classList.remove('class') 移除class
  • Node.classList.toggle('class') 切换class,有则移除,无则添加
  • Node.classList.contains('class') 检测是否存在class
    Node指一个有效的DOM节点,是一个通称。

自定义属性

在HTML5中我们可以自定义属性,其格式如下data-*="",例如
data-info="我是自定义属性",通过Node.dataset['info'] 我们便可以获取到自定义的属性值。
Node.dataset是以类对象形式存在的
当我们如下格式设置时,则需要以驼峰格式才能正确获取
data-my-name="itcast",获取Node.dataset['myName']

Last modification:May 20th, 2018 at 07:24 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment