`
吕金含
  • 浏览: 84753 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

replaceNode

 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<form name="form1" action="test.html" method="get">
  <input type="text" name="input1" value="input1" id="input1">
  <input type="button" name="input2" value="input2" id="input2">
</form>

<ul>
<li id="a1" value="a1">a1</li>
<li id="a2" value="a2">a2</li>
<li id="a3" value="a3">a3</li>
</ul>
<ul>
<li id="b1" value="b1">b1<p>b11</p></li>
<li id="b2" value="b2">b2</li>
<li id="b3" value="b3">b3</li>
</ul>

<br>
<script type="text/javascript">
    /* document.getElementById("a1").onclick=function(){
    var a1=document.getElementById("a1");
    var b1=document.getElementById("b1");
    var a1P=a1.parentNode;
    var oldElement=a1P.replaceChild(b1,a1);
    //替换之后返回的结果是一个被替换的值
    alert(oldElement.getAttribute("value"));
    }; */
    
    document.getElementById("a1").onclick=function(){
        var a1=document.getElementById("a1");
        var b1=document.getElementById("b1");
        var a1P=this.parentNode;
        var oldElement=a1P.replaceChild(b1,this);
        //替换之后返回的结果是一个被替换的值
        alert(oldElement.getAttribute("value"));
        };
</script>
</body>
</html>

分享到:
评论

相关推荐

    javascript Firefox与IE 替换节点的方法

    oldNode.replaceNode(newNode) 方法在IE中可以实现节点的替换,但在fierfox就不行了; 后来好不容易才解决此问题: 代码如下: function(oldNode,newNode) { oldNode[removed].appendChild(newNode) oldNode[removed]...

    给moz-firefox下添加IE方法和属性

    Node.prototype.replaceNode = function(newNode, oldNode){ // 实现替换节点的功能 }; Node.prototype.removeNode = function(oldNode){ // 实现删除节点的功能 }; Node.prototype.swapNode = function...

    链表_链表_数据结构算法_visualc++_

    void replaceNode(int oldValue, int newValue); // 替换值为oldValue的节点 // 其他操作方法... }; ``` 3. **链表操作实现**: - **插入节点**:在链表的特定位置或末尾插入一个新节点。这通常涉及遍历链表...

    android xml文件操作

    public static void replaceNode(Node oldNode, Node newNode) { if ((oldNode != null) && (newNode != null)) { oldNode.getParentNode().replaceChild(newNode, oldNode); } } /** * 将Document输出...

    JavaScript_Quick_Reference

    8. **removeNode/replaceNode**:移除或替换节点。 9. **scrollIntoView**:将元素滚动到可视区域内。 10. **setActive/setCapture/releaseCapture**:管理元素的活动状态和捕获。 以上属性和方法构成了JavaScript ...

    W3C DOM操作

    public int replaceNode(String nodeID, String nodeValue) { doc.normalize(); NodeList links = doc.getElementsByTagName("song"); boolean blfindNode = false; Element link = null; for (int i = 0; i ...

    javaScript(JS)替换节点实现思路介绍

    在IE浏览器中,可以使用`replaceNode()`方法来完成替换,但此方法不是标准的DOM方法,因此在其他浏览器中可能不适用。为了实现跨浏览器兼容,我们需要使用`parentNode`属性找到要替换的节点的父节点,然后调用`...

    JavaScript 学习笔记(十二) dom

    在`ReplaceNode()`函数中,`oOldLastP.parentNode.replaceChild(oNewP, oOldLastP);`将最后一个`&lt;p&gt;`元素替换为新的`&lt;p&gt;`元素。 6. `insertBefore()`:此方法将新节点插入到已存在节点之前。它接受两个参数:要插入...

    Microsoft.CodeAnalysis.CSharp.Extensions

    例如,`SyntaxNodeExtensions`包含了许多用于查询和修改语法树节点的方法,如FindToken、GetAncestors、ReplaceNode等。这些方法使得在处理复杂的语法结构时,代码更加简洁和高效。 `SyntaxTokenExtensions`类则...

Global site tag (gtag.js) - Google Analytics