dom元素方法
DOM元素方法
createElement方法
•用途：创建一个新的元素节点
•语法：(tagName)
•参数：tagName - 要创建的元素的标签名，例如”div”或”p”
•返回值：新创建的元素节点
appendChild方法
•用途：将一个元素节点添加到另一个元素节点的子节点列表末尾
•语法：(childNode)
•参数：parentNode - 要添加子节点的父节点；childNode - 要添加的子节点
•返回值：无
removeChild方法
•用途：从其父节点中移除一个子节点
•语法：(childNode)
•参数：parentNode - 子节点的父节点；childNode - 要移除的子节点
•返回值：被移除的子节点
insertBefore方法
•用途：在一个父节点的子节点列表中的指定位置插入一个新的子节点
•语法：(newNode, referenceNode)getattribute方法返回类型
•参数：parentNode - 要插入子节点的父节点；newNode - 要插入的新节点；referenceNode - 插入位置的参考节点
•返回值：插入的新节点
replaceChild方法
•用途：用一个新的节点替换父节点的一个子节点
•语法：(newChild, oldChild)
•参数：parentNode - 父节点；newChild - 替换父节点的子节点；oldChild - 被替换的子节点
•返回值：被替换的子节点
getAttribute方法
•用途：获取指定元素的属性值
•语法：(attributeName)
•参数：attributeName - 属性名称
•返回值：指定属性的属性值
setAttribute方法
•用途：设置指定元素的属性值
•语法：(attributeName, attributeValue)
•参数：attributeName - 属性名称；attributeValue - 属性值
•返回值：无
removeAttribute方法
•用途：移除指定元素的指定属性
•语法：(attributeName)
•参数：attributeName - 属性名称
•返回值：无
style属性
•用途：获取或设置指定元素的样式
•语法：
•参数：propertyName - 样式属性名称
•返回值：样式属性值
innerHTML属性
•用途：获取或设置指定元素的HTML内容
•语法：
•参数：无
•返回值：HTML内容的字符串形式
className属性
•用途：获取或设置指定元素的class属性值
•语法：
•参数：无
•返回值：class属性值
以上是一些常用的DOM元素方法的介绍，通过这些方法可以对页面中的元素进行增、删、改等操作，以及对元素的属性进行获取或设置。
addEventListener方法
•用途：为指定元素添加事件
•语法：(eventName, callback)
•参数：eventName - 事件名称；callback - 事件触发时的回调函数
•返回值：无
removeEventListener方法
•用途：从指定元素中移除事件
•语法：(eventName, callback)
•参数：eventName - 事件名称；callback - 事件触发时的回调函数
•返回值：无
style属性
•用途：获取或设置指定元素的样式
•语法：(propertyName)
•参数：propertyName - 样式属性名称
•返回值：样式属性值
className属性
•用途：获取或设置指定元素的class属性值
•语法：(newValue)
•参数：newValue - class属性值
•返回值：无
getBoundingClientRect方法
•用途：获取指定元素的大小及其相对于视口的位置
•语法：无
•参数：无
•返回值：包含元素大小及位置信息的DOMRect对象
scrollIntoView方法
•用途：滚动浏览器窗口或容器元素，使指定元素对用户可见
•语法：(alignToTop)
•参数：alignToTop - 可选参数，布尔值，指定是否将元素对齐到视口顶部，默认为true

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。