HTML | DOM 历史长度属性

在 HTML 中，DOM (文档对象模型) 可以使用各种属性和方法来修改 HTML 文档。

历史长度属性是 DOM 中包含的一组属性之一，用于读取和设置元素内容的长度。以下是常用的历史长度属性：

innerHTML

innerHTML 属性表示当前元素的 HTML 内容。这个属性可以被修改，以改变元素的内容。

var myElement = document.getElementById("myDiv");
myElement.innerHTML = "Hello World!";

outerHTML

outerHTML 属性表示包含当前元素的 HTML 内容（包括当前元素）。这个属性可以被修改，以改变元素的内容。

var myElement = document.getElementById("myDiv");
myElement.outerHTML = "<p>Hello World!</p>";

innerText

innerText 属性表示当前元素的纯文本内容。这个属性可以被修改，以改变元素的内容。

var myElement = document.getElementById("myDiv");
myElement.innerText = "Hello World!";

textContent

textContent 属性表示当前元素及其所有后代的纯文本内容。这个属性可以被修改，以改变元素的内容。

var myElement = document.getElementById("myDiv");
myElement.textContent = "Hello World!";

length

length 属性表示当前元素的子节点数量。这个属性只读。

var myElement = document.getElementById("myDiv");
var length = myElement.childNodes.length;

这些历史长度属性在 DOM 操作中非常有用，可以用来动态修改网页的内容。注意，在一些情况下，这些属性会导致安全问题，因此应该谨慎使用。