首页 > 编程语言 > 详细

Javascript-Dom-插入

时间:2017-01-12 17:18:27      阅读:212      评论:0      收藏:0      [点我收藏+]
<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的位置前插入。

Javascript-Dom-插入

原文:http://www.cnblogs.com/wangyeye14/p/6279028.html

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