首页 > 代码库 > 网站前端_JavaScript-DOM编程.0003.JavaScriptDom动态创建?

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

文档对象:

方法名称方法说明
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

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