第七章

document.write()方法  ---快捷在文档里插入字符串

缺点:需要在<body>里使用<script>标签才能调用,违背“行为应该与表现分离”的原则。

innerHTML属性 ----支持读取和写入。缺点:无细节。

DOM方法

1、createElement方法---创造元素

语法:document.createElement(nodeName)

2、appendChild方法---附加在父元素最后

语法:parent.appendChild(child)

3、createTextNode方法---创造文本节点

语法:document.createTextNode(text)

4、insertBefore()方法---把新元素插入现有元素的前面

新元素newElement

目标元素targetElement

父元素:目标元素的父元素parentElement(parentNode)

语法:parentElement.insertBefore(newElement,targetElement)

5、nextSibling属性---紧接在后兄弟元素


function insertAfter(newElement,targetElement){

var parent = targetElement.parentNode;

if (parent.lastChild == targetElement){

parent.appendChild(newElement);

} else {

parent.insertBefore(newElement,targetElement.nextSibling);

}

}


DOM方法和属性写一个insertAfter函数,实现把节点插入另一个节点之后。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容