您的位置:首页 > 其它

DOM插入一个节点--插入列表的末尾

2014-03-19 21:38 155 查看
代码示例:插入一个元素的步骤1、创建一个节点;createElement2、找到一个节点;getElementById3、插入元素;appendChild
<script type="text/javascript">
DOM.addEvent(window,'load',function(){
var node = DOM.$('firefox');
var de = node.ownerDocument;
DOM.log.write(de);
DOM.log.header('Append Child');
var newChild = document.createElement('LI');
newChild.appendChild(document.createTextNode('A new list item!'));
var list = document.getElementById('firefox');
list.appendChild(newChild);
});
</script>
html:
<div>
<ul>
<li id='firefoxListItem' title="firefox">
<a href="#" title="get Firefox" id="firefox">Firefox 2.0</a>
</li>
<li>
<a href="#" title="getMicrsoft Inter" id='msie'>ie11</a>
</li>
<li>
<a href="#" title="check out safari" id='safari'>safari</a>
</li>
<li>
<a href="#" title="getOpera" id='Opera'>Opera</a>
</li>
</ul>
</div>


来自为知笔记(Wiz)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: