📅  最后修改于: 2023-12-03 14:42:24.494000             🧑  作者: Mango
JavaScript 是客户端脚本语言,它通过 Document Object Model(DOM) 操作文档内容,实现与用户的交互。下面是常用的 JavaScript DOM 方法列表,内容如下:
document.getElementById(id)
- 通过 ID 获取元素document.getElementsByTagName(tag)
- 通过标签名获取元素集合document.getElementsByClassName(className)
- 通过类名获取元素集合document.querySelector(selector)
- 通过 CSS 选择器获取第一个元素document.querySelectorAll(selector)
- 通过 CSS 选择器获取元素集合element.innerHTML
- 获取或设置元素的 HTML 内容element.innerText
- 获取或设置元素的文本内容element.textContent
- 获取或设置元素的文本内容(IE 不支持)element.getAttribute(attribute)
- 获取元素的指定属性值element.setAttribute(attribute, value)
- 设置元素的指定属性值element.removeAttribute(attribute)
- 删除元素的指定属性element.style.property
- 获取或设置元素的样式属性值element.className
- 获取或设置元素的类名element.classList
- 获取或设置元素的类名集合document.createElement(tagName)
- 创建一个元素节点document.createTextNode(text)
- 创建一个文本节点element.appendChild(child)
- 将子元素插入到指定元素的末尾element.insertBefore(newElement, existingElement)
- 将新元素插入到指定元素之前element.removeChild(child)
- 删除指定元素的子元素以上是常用的 JavaScript DOM 方法列表,更多详细用法可以参考 W3School 或 MDN 文档。