JavaScript 什么是Dom？（js）

1.什么是 DOM？

要获取 HTML 页面上的元素，可以使用以下方法：

• document.getElementById(id)：根据元素的 ID 属性获取元素。

• document.getElementsByTagName(tagname)：根据元素的标签名获取元素。

• document.getElementsByClassName(classname)：根据元素的类名获取元素。

• element.querySelector(selector)：根据 CSS 选择器获取匹配的第一个元素。

• element.querySelectorAll(selector)：根据 CSS 选择器获取所有匹配的元素。

 2.操作元素属性和内容

要操作元素的属性和内容，可以使用以下方法：

• element.getAttribute(name)：获取元素指定属性的值。
• element.setAttribute(name, value)：设置元素指定属性的值。
• element.innerHTML：获取或设置元素的 HTML 内容。
• element.innerText：获取或设置元素的纯文本内容。

3.创建和插入元素 

要创建新的元素，并将其插入到页面中，可以使用以下方法：

• document.createElement(tagname)：创建新的元素节点。
• document.createTextNode(text)：创建新的文本节点。
• element.appendChild(newElement)：将新的元素节点添加为某个元素的子节点。
• element.insertBefore(newElement, existingElement)：将新的元素节点插入到某个元素之前。

4.删除和替换元素 

要删除或替换页面中的元素，可以使用以下方法：

• element.parentNode.removeChild(element)：从页面中删除指定的元素节点。
• element.replaceWith(newElement)：用新的元素节点替换现有的元素节点。