📜  javascript dom 方法列表 - Javascript (1)

📅  最后修改于: 2023-12-03 14:42:24.494000             🧑  作者: Mango

JavaScript DOM 方法列表

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 文档。