HTML节点交换(兼容FF/IE)代码,JS代码库,德仔网

代码语言

代码分类

【JS】 HTML节点交换(兼容FF/IE)

作者:李敬塔 / 发布于2012/12/5/ 789

<script style="text/javacript">

/****
**function:经常用到的一些,浏览器兼容方法
**createDate:2009-01-11

**author:Tiger Li
*****/
if(window.HTMLElement){
//在指定位置插入节点
HTMLElement.prototype.insertAdjacentElement=function(where,parsedNode){ 
        switch(where){ 
            case "beforeBegin": 
                this.parentNode.insertBefore(parsedNode,this); 
                break; 
            case "afterBegin": 
                this.insertBefore(parsedNode,this.firstChild); 
                break; 
            case "beforeEnd": 
                this.appendChild(parsedNode); 
                break; 
            case "afterEnd": 
                if(this.nextSibling) 
                    this.parentNode.insertBefore(parsedNode,this.nextSibling); 
                else 
                    this.parentNode.appendChild(parsedNode); 
                break; 
            } 
     }

}</script>

<ul id = oList> 
<li>第1个列表项目</li>
<li>第2个<a href="#" onclick="return false;">列表项目</a></li>
<li style="font-weight:bold;">第3个列表项目</li>
<li>第4个列表项目</li>
</ul> 
<input type=button value=" 交换 " onclick= "rdl_fnSwap();">

<form id="Form1" method="post" runat="server">
  <INPUT type="button" value="Button" id="btn" onmouseover="OnchangeValue()">
  <INPUT type="text" id="txt">
</form>
<script type="text/javascript">
var btn = document.getElementById("btn");
var txt = document.getElementById("txt");

function OnchangeValue()
{
  btn.swapNode(txt);
}
</script>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　节点交换　

同语言下

可能有用的

李敬塔贡献的其它代码(13)