js insertBefore

浏览数：30 / 时间：2015年06月09日

 

 1     <select id="city" size="4" style="width:50px">
 2         <option id="hn">湖南</option>
 3         <option id="hb">湖北</option>
 4     </select>
 5       <script type="text/javascript">
 6           /*创建"新元素"，插入到"湖南"元素之前
 7           var newOptionElement = document.createElement("option");
 8           newOptionElement.setAttribute("id","new");
 9           newOptionElement.innerHTML = "新元素";
10           var cityElement = document.getElementById("city");
11           var hnElement = document.getElementById("hn");        
12           cityElement.insertBefore(newOptionElement,hnElement);　　//新元素
13         */  
14           //创建"新元素"，插入到"湖南"元素之后
15           var newOptionElement = document.createElement("option");
16           newOptionElement.setAttribute("id","new");
17           newOptionElement.innerHTML = "新元素";
18           var cityElement = document.getElementById("city");
19           var hnElement = document.getElementById("hn");        
20             
21             //兄弟节点  nextSibling
22             cityElement.insertBefore(newOptionElement,hnElement.nextSibling);     
23      </script>

 

js insertBefore,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class java 代码 html style src class java 代码 html style src

相关文章

随机文章

您可能还喜欢

您可能还喜欢