DOM启蒙:元素节点

xiaoxiao2022-07-05  42

1.HTML*Element对象概览

     HTML文档中每个元素都有个唯一的本源。即每个都有独一无二的JavaScript构造函数,是这些元素实例化为DOM树中的节点对象。

2.HTML*Element对象属性与方法(包括继承的)

   属性:

tagName:获取元素的标签名children:获取所有的直属子元素节点attributes:获取元素属性与值地列表/集合dataset:提供了一个对象,包含该元素所有以data-*起始的属性。dataset包含的是数据属性的驼峰版本。(移除dataset只需要利用delete操作符)className:获取元素的类属性的空格分隔字符串classList:获取元素的类属性列表的数组

   方法:

createElement():创建元素getAttribute('attributeName'):获取元素的属性值setAttribute('attributeName','value'):设置元素的属性值removeAttribute('attributeName'):移除元素的属性值hasAttribute('attributeName'):验证元素是否有某一特定属性classList.add('value'):添加类属性中的部分值classLis.remove('value'):移除类属性中的部分值classList.toggle('value'):变换某个类属性值classList.contains('value'):判断类属性值是否含有某一特定值

3.其他

attributes属性返回的数组是实时的。attributes属性是个类数组的集合,有个只读的length使用removeAttribute()而不是setAttribute将属性值设为null或''hasAttribute():如果元素包含这个属性,此方法将返回true,即使该属性没有值classList是个类数组对象,本身只读但是可以通过add、remove、contains、toggle方法修改IE9并不支持dataset
转载请注明原文地址: https://www.6miu.com/read-4968473.html

最新回复(0)