问答详情
源自：9-15 替换元素节点replaceChild()

求解释sos

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

</head>

<body>

<script type="text/javascript">

function replaceMessage()

{  

var newnode=document.createElement("p")//创建一个标签为P的新元素节点？？

var newnodeText=document.createTextNode("Javascript");//创建一个文本节点，内容为javascript？？？

newnode.appendChild(newnodeText);//这里看不懂实在新节点的自己点加入文本节点吗？

var oldNode=document.getElementById("oldNode")；//将旧节点赋值给

oldNode.parentNode.replaceChild(newnode,oldNode);//他的父节点是<body>的子节点替换

}

</script>

<h1 id="oldNode">Java<h1>

<a href="Javascript:replaceMessage()">"Java"替换"Javascript"</a> 

</body>

</html>

帮我解释一下语句，拜托了

提问者：慕尼黑1589570 2017-04-27 11:05

个回答

  • 慕勒7123956
    2017-04-27 18:31:53
    已采纳 

    <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
function replaceMessage()
{  
var newnode=document.createElement("p")//创建一个标签为P的新元素节点
var newnodeText=document.createTextNode("Javascript");//创建一个文本节点，内容为javascript
newnode.appendChild(newnodeText);//文本节点也是节点啊，就是把文本节点插入了p标签中，相当于 <p>Javascript</p>
var oldNode=document.getElementById("oldNode")；//获取旧节点
oldNode.parentNode.replaceChild(newnode,oldNode);//旧节点的父节点调用替换方法，替换旧节点
}
</script>
<h1 id="oldNode">Java<h1>
<a href="Javascript:replaceMessage()">"Java"替换"Javascript"</a> 
</body>
</html>
帮我解释一下语句，拜托了


    3