createTextNode() 方法和createTextNode()方法

Posted hulaoxi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了createTextNode() 方法和createTextNode()方法相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮创建一个标题</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var h=document.createElement("H1");
var t=document.createTextNode("Hello World");
h.appendChild(t);
document.body.appendChild(h);
};

</script>

</body>
</html>

 

 

document.createElement()    创建元素节点

document.createAttribute()   创建一个属性节点

document.createTextNode() 创建文本节点

 

以上是关于createTextNode() 方法和createTextNode()方法的主要内容,如果未能解决你的问题,请参考以下文章

js 操作dom

innerHTML 和 document.createTextNode 有啥区别 [重复]

createTextNode 对 HTML 注入和 XSS 是不是完全安全?

JavaScript 传递检索和传递输入信息 nodeValue 与 createTextNode

将 HTML 实体放入 document.createTextNode

document.createTextNode 不工作:/