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

最新推荐文章于 2022-09-04 10:06:23 发布

weixin_30794851

最新推荐文章于 2022-09-04 10:06:23 发布

阅读量256

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/babyhhcsy/p/2b96d95da0f31f96f3279f14a8c40ed9.html

版权

代码示例：

插入一个元素的步骤

1、创建一个节点； createElement

2、找到一个节点； getElementById

3、插入元素； 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> 
     