首页 > 编程语言 > 详细

Javascript-Dom-添加

时间:2017-01-12 17:17:12      阅读:27      评论:0      收藏:0      [点我收藏+]

标签:pre   添加   class   append   classic   bsp   func   txt   width   

<body>
        <input type="button" name="" value="Create" onclick="add()" />
        <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 add(){
            var oList = document.getElementById("oList");
            var listItems = document.createElement("li");
            //listItems.innerHTML = txt.value;//这样写也能将文本框输入的值赋予到添加的LI元素中
            listItems.innerHTML = document.getElementById("txt").value;
            oList.appendChild(listItems);
        }
    </script>

 

Javascript-Dom-添加

标签:pre   添加   class   append   classic   bsp   func   txt   width   

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

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号