html content代码,HTML DOM textContent用法及代码示例

HTML中的textContent属性用于设置或返回指定节点及其所有后代的文本内容。该属性与nodeValue属性非常相似，但是此属性返回所有子节点的文本。

用法:

用于设置节点的文本。node.textContent = text

用于返回节点的文本。node.textContent

属性值：它包含单值文本，该文本包含节点的节点内容。

范例1：

HTML DOM textContent Property

GeeksforGeeks

HTML DOM textContent Property

Submit

function MyGeeks() {

var text =

document.getElementById("geeks").textContent;

document.getElementById("sudo").innerHTML = text;

}

输出：

之前单击按钮：

单击按钮后：

范例2：

HTML DOM textContent Property

GeeksforGeeks

HTML DOM textContent Property

Hello Geeks!

function MyGeeks() {

document.getElementById("geeks").textContent

= "Welcome to GeeksforGeeks!";

}

输出：

在单击文本之前：

单击文本后：

支持的浏览器：DOM textContent属性支持的浏览器如下：

谷歌浏览器1.0

Internet Explorer 9.0

火狐浏览器

Opera

苹果浏览器