JavaScript中，读取和修改节点对象

来源：互联网发布：用户手册软件功能编辑：程序博客网时间：2024/06/04 19:21

读取和修改节点对象：

1，元素内容：

修改html的内容部分：

属性：innerHTML

使用方式：元素对象.innerHTML

var  msg = xx.innerHTML;//取值

xx.innerHTML = "";   //赋值,

2，文本内容

属性：textContent

作用：读取或设置html标记的文本内容，与html无关

注意：IE8显示有问题

解决方案：  属性：innerHTML

<!DOCTYPE html><html> <head>  <title> new document </title>  <meta charset="utf-8" /><script>function getHtml(){var d1 = document.getElementById("d1");/*var msg = d1.innerHTML;console.log(msg);*///设置 d1 的html内容d1.innerHTML = "<h1>你好,世界</h1>";}function getContent(){var d1 = document.getElementById("d1");/*var content = d1.textContent;console.log(content);*///设置 d1 的文本内容d1.innerText = "<h1>你好,世界</h1>";}</script> </head> <body><div id="d1"><h3>Hello World</h3></div>  <button onclick="getHtml()"> 获取/修改 HTML内容</button><button onclick="getContent()"> 获取/修改 文本内容</button> </body></html>

运行显示：

点击：

0 0