DOM插入元素-----插入到元素前面

最新推荐文章于 2024-04-09 23:01:20 发布

weixin_30332705

最新推荐文章于 2024-04-09 23:01:20 发布

阅读量571

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/babyhhcsy/p/16505beb2ef9c6610999625e5d7764b8.html

版权

插入元素的方法，注意的是：

list为child的时候才能够插入到元素中

 
                var newChild = document.createElement('A');
            newChild.appendChild(document.createTextNode('chorme'));
            newChild.setAttribute('href', 'http://www.baidu.com');
            var list =document.getElementById('msie');
            list.insertBefore(newChild, list.lastChild);
            var brChild = document.createElement('BR');
            list.insertBefore(brChild, list.lastChild); 
   

 
     This is my HTML page. <br>
    <div id='firefox' ></div>
    <hr/>
    <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> 
    