Javascript-Dom-插入 

<body>
        <input type="button" name="" value="Insert" onclick="embed()" />
        <hr width="245px" size="1" align="left" />
        <input type="text" name="" value="" id="txt" />
        <ol id="oList">
            <li>Black metal</li>
            <li>Alternative metal</li>
            <li>Thrash metal</li>
            <li>Doom metal</li>
            <li>Classical metal</li>
            <li>Gothic metal</li>
        </ol>
    </body>
<script type="text/javascript">
        function embed(){
            var oList = document.getElementById("oList");
            var listItems = oList.getElementsByTagName("li");
            var aLis = document.createElement("li");
            aLis.innerHTML = document.getElementById("txt").value;
            oList.insertBefore(aLis,listItems[0]);
        }
    </script>

注意：实际开发中一般将要插入的元素放在首位，所以选择tagName下角标为0的位置前插入。

posted @ 2017-01-12 17:10  Western_Journalist  阅读(199)  评论(0)  编辑  收藏  举报