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

有方法可以直接替换标签么？

这个效果做出来感觉有点像页面里写display的感觉，是不是就相当于建了一个节点没显示？

有没有办法直接把b标签替换成 i 标签呢？

还有是否是必须锁定ID才可以呢，如果只有一个b标签，可以直接定义此标签么？用了getElementsByTagName好像没有啥用啊

var oldnode=document.getElementsByTagName("b"); 没有效果

老张家有女神

2019-11-20

源自：JavaScript进阶篇 9-15

关注问题我要回答

1217

操作

收起

2 回答

晓之蛇回答被采纳 +2 积分
2019-11-21

var oldnode=document.getElementsByTagName("b"); 是返回的带有指定标签名的节点对象的集合，取集合中的其中一个标签那么要加下标定位。

  <script type="text/javascript">      
  function replaceMessage(){          
      //var oldnode = document.getElementById("oldnode"); //通过id获取b节点          
      var oldnode = document.getElementsByTagName("b")[0];//通过getElementsByTagName获取b节点          
      var newnode = document.createElement("i"); //创建i节点          
      newnode.innerHTML = "javascript"; //给i节点添加内容          
      oldnode.parentNode.replaceChild(newnode,oldnode); //将b节点替换成i节点       
  }     
  </script>