                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

我的思路基本是照抄左边教案例子的。为什么我这样写，点击<a>标签，结果不会动？

<!doctype html>

<html>

<head>

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

</head>

<body>

function replaceMessage(){

var oldNode=document.getElementsByTagName("b");

var oldHTML=oldNode.innerHTML;

var newnode=document.getElementsByTagName("div");

var newnodeText=document.createElement("i");

newnode.appendChild(newnodeText);

oldNode.parentNode.replaceChild(newnode,oldNode);

newnode.innerHTML=oldHTML;

}

</script>

<div><b id="oldnode">JavaScript</b>是一个很常用的技术，为网页添加动态效果。</div>

<a href="javascript:replaceMessage()"> 将加粗改为斜体</a>

</body>

</html>

我的思路基本是照抄左边教案例子的。

为什么我这样写，点击<a>标签，结果不会动？

qq_一生之久_0

2016-04-26

源自：JavaScript进阶篇 9-15

关注问题我要回答

302

操作

收起

1 回答

kuban 回答被采纳 +3 积分
2016-04-26

1.var oldNode=document.getElementsByTagName("b");

var newnode=document.getElementsByTagName("div"); body里并没有b标签跟div标签

2.例子里是创建一个替换掉旧的，你在试图用已有的进行替换？

3.你的代码稍作更改可点击有效

function replaceMessage(){
var oldNode=document.getElementById("oldnode"); //此处改动了
var oldHTML=oldNode.innerHTML;
var newnode=document.createElement("div"); //此处也改动了
var newnodeText=document.createElement("i");
newnode.appendChild(newnodeText);
newnode.innerHTML=oldHTML;
oldNode.parentNode.replaceChild(newnode,oldNode);
}

0 回复有任何疑惑可以回复我~

收起回答

qq_一生之久_0 提问者

不好意思，body最后两行写错代码了。我已经修改好了

2016-04-26 回复有任何疑惑可以回复我~

qq_一生之久_0 提问者

我把你的代码写上去，粗体的样式没有了，但是没有斜体的样式，而且出现折行，这是为什么？

2016-04-26 回复有任何疑惑可以回复我~

kuban 回复 qq_一生之久_0 提问者

为啥我看的你的问题代码跟我当时复制过去的不一样o(╯□╰)o现在有b也有div了，大概眼花。折行是因为我的div是创建的，在已有div的里面，创建的div没有做任何css设置，独占一行，所以有了换行。没有斜体是因为，按你代码改的时候，创建的<div><i></i></div>这样的对吧，但是填内容是填给的newnode也就是div的，i里面并没有内容，所以newnode.innerHTML=oldHTML;改为newnodeText.innerHTML=oldHTML;就有斜体了

2016-04-26 回复有任何疑惑可以回复我~

查看1条回复

0/150

提交

取消

JavaScript进阶篇

参与学习 468287 人
解答问题 21892 个

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

进入课程

本课相似问答

4 回答按左边的例子写为啥一直没效果呢？

1 回答a标签的点击事件

2 回答a标签里面这样写href="javascript:back();" 是什么意思？

3 回答<a>标签的子节点

2 回答标签之间的文本，是文本节点吗？为什么不算在子节点里？

搜索更多本课相关问答

我的思路基本是照抄左边教案例子的。为什么我这样写，点击<a>标签，结果不会动？

我要回答关注问题

热搜

最近搜索清空

我的思路基本是照抄左边教案例子的。为什么我这样写，点击<a>标签，结果不会动？

1 回答

本课相似问答

我的思路基本是照抄左边教案例子的。为什么我这样写，点击<a>标签，结果不会动？