求解释sos

来源:9-15 替换元素节点replaceChild()

慕尼黑1589570

2017-04-27 11:05

<!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>

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

写回答 关注

1回答

  • 慕勒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>
    帮我解释一下语句,拜托了


JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题