首页 > 其他 > 详细

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

时间:2014-03-20 02:58:39      阅读:400      评论:0      收藏:0      [点我收藏+]
代码示例:
插入一个元素的步骤
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>






DOM插入一个节点--插入列表的末尾,布布扣,bubuko.com

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!