网站前端_JavaScript-DOM编程.0003.JavaScriptDom动态创建?

Posted 2020-08-12

文档对象:

方法名称	方法说明
write(html)	将指定html字符串插入文档
createElement(nodeName)	创建一个元素节点
createTextNode(text)	创建一个文本节点

问题: 由于其违背了Js分离原则,即使在外部调用Js但是内部要在指定位置动态生成HTML,也必须在HTML文档中加入<script type="text/javascript"></script>,常常会导致数据或格式非法错误,所以强烈建议使用

节点对象:

属性名称	属性说明
innerHTML	获取或设置给定元素的HTML内容
parentNode	获取或设置当前元素的父节点对象,只能是元素节点
nextSibling	获取当前元素节点后面一个元素节点对象
方法名称	方法说明
appendChild(child)	将child节点插入到节点对象的子节点的最后
insertBefore(new, nodeName)	将new新元素节点插入到元素节点(nodeName)前面,但是此时节点对象必须是nodeName的父节点,也就是说在父元素节点内部完成的插入,常用parentNode表示

本文出自 “ζ自动化运维开发之路ζ” 博客，请务必保留此出处http://xmdevops.blog.51cto.com/11144840/1858128