JS中两个节点的关系
1，可能存在的关系
parentNode（⽗节点）
childNodes（⼦节点）
firstChild
lastChild
nextSibling()
previousSibling()
2，插⼊节点
object.appendChild（）在后⾯插⼊
object.insertChild（）在前⾯插⼊
3，删除节点 removeChild（）
4，替换元素节点replaceChild（）
5，创建元素节点document。createElement（tagName）注意：tagName是字符串值，⽤来指定创建元素的类型
6，创建⽂本节点createTextNode  data : 字符串值，可规定此节点的⽂本。
在代码编辑器<script>标签中，创建⼀个P标签，设置className属性，使⽤createTextNode创建⽂本节点"I love JavaScript!"。
// 先创建P
var ateElement("p");
// 为P添加类名
p.className="message";
js获取子元素
// 为P添加⽂本
var ateTextNode("I LOVE YOU");
// 将⽂本传给P
p.appendChild(ptext);
// 将P传给body
document.body.appendChild(p);
innerHTML和createTextNode都可以把⼀段内容添加到⼀个节点中，区别是如果这段内容中有html标签（如例⼦中的<strong></strong>）时表现就不同了，在createTextNode中会当作⽂本处理，不会被浏览器解析，但⽤innerHTML就会被当作HTML代码处理（如你的例⼦中Hello 会被加粗显⽰）。
总的来说，如果你确定要插⼊的内容中没有html标签，可以⽤innerHTML，这样更简洁，但如果不能确定（⽐如要插⼊⽤户输⼊的内容）建议⽤createTextNode的⽅式。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。