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;

}

输出:

之前单击按钮:

80ea0b9c3dbb2e0bc7d37b749ac40e42.png

单击按钮后:

075bca4e2eed8196912325564d004115.png

范例2:

HTML DOM textContent Property

GeeksforGeeks

HTML DOM textContent Property

Hello Geeks!

function MyGeeks() {

document.getElementById("geeks").textContent

= "Welcome to GeeksforGeeks!";

}

输出:

在单击文本之前:

95a7d5f45236979364782e252a141ea7.png

单击文本后:

4400cc6a3972be00eebd33ad27b70e7c.png

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

谷歌浏览器1.0

Internet Explorer 9.0

火狐浏览器

Opera

苹果浏览器

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值