js双击插入nextsibling

来源：互联网发布：mac导出iphone照片编辑：程序博客网时间：2024/06/05 18:57
<!DOCTYPE html><html><head>    <meta charset=" utf-8">    <meta name="author" content="http://www.softwhy.com/" />    <title>双击插入</title>    <style type="text/css">        li{            width:240px;            list-style:none;            height:20px;            line-height:20px;            font-size:12px;        }    </style>    <script type="text/javascript">        window.onload=function(){            var cityNode = document.getElementById("city");            var lis = cityNode.getElementsByTagName("li");            for(var i = 0 ;i <cityNode.childElementCount;i++){                lis[i].onclick=function(){                    var newNode = document.createElement("li");                    var d = new Date();                    var his = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();                    var textNode = document.createTextNode(this.textContent + "_" + his );                    newNode.appendChild(textNode);                    cityNode.insertBefore(newNode,this.previousSibling);//                    cityNode.insertBefore(newNode,this.nextSibling);                }            }        }           </script></head><body>    <p>你喜欢哪个城市？</p>    <ul id="city">        <li id="bj">北京</li>        <li>上海</li>        <li>天津</li>        <li>深圳</li>    </ul>   </body></html>
0 0