获取元素:
document.getElementsByClassName ('class') 通过类名获取元素,以类数组形式存在。getElementsByTagName
document.querySelector('selector') 通过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
自定义属性:
在HTML5中我们可以自定义属性,其格式如下data-*="",例如:data-info="我是自定义属性",通过Node.dataset['info'] 我们便可以获取到自定义的属性值。
当我们如下格式设置时,则需要以驼峰格式才能正确获取:data-my-name="itcast",获取Node.dataset['myName']
相关推荐:
原生js获取iframe中dom元素--父子页面相互获取对方dom
以上是js教程--dom获取元素的代码的详细内容。更多信息请关注PHP中文网其他相关文章!