JavaWeb/MJavaWeb/WebContent/JavaScript/JsDemo2.html at master · Paperplanes77/JavaWeb

43 lines (42 loc) · 1.15 KB

<!DOCTYPE html>

<html>

<head>

<title>Insert title here</title>

</head>

<body>

<ul >

</ul>

<ul>

</ul>

function changeNode(){

//1.获取两个节点。bj和game

var bjNode = document.getElementById("bj");

var gameNode = document.getElementById("game");

//2. 替换节点。两种方式：

//第一种：自己干

//bjNode.replaceNode(gameNode);

//第二种：父节点干

bjNode.parentNode.replaceChild(gameNode,bjNode);

//节点的克隆 cloneNode(true|false);

//var newGameNode = gameNode.cloneNode(false);

// var newGameNode = gameNode.cloneNode(true);

//alert(gameNode.getAttribute("id"));

//alert(newGameNode.getAttribute("id"));

//使用节点的替换方法，替换克隆的节点

// bjNode.replaceNode(newGameNode);

克隆节点的问题：

当使用克隆节点时，无论参数是true或者false都会把属性节点克隆过去。

}

</script>

</body>

</html>

Provide feedback