这是怎样实现斜体的?

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

奇谈0

2017-04-21 15:42

function replaceMessage(){  var oldnode=document.getElementById("oldnode");  var oldHTML=oldnode.innerHTML;  var newnode=document.createElement("i");  oldnode.parentNode.replaceChild(newnode,oldnode);  newnode.innerHTML=oldHTML; } 这是怎样实现斜体的?

写回答 关注

3回答

  • wuli香香公举
    2017-05-18 10:02:19

    //获取id为oldnode的<b>标签

    var oldnode=document.getElementById("oldnode");  

    //获取id为oldnode标签中的文本

    var oldHTML=oldnode.innerHTML; 

    //创建一个新的<i>标签

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

    //replaceChild(newnode,oldnode)方法是替换子节点,所以要先获取<b>标签的父节点然后替换新的子节点,替换之后的节点相当于把之前的整个节点都替换了,包括节点里面的内容,所以现在插入的是一个新的空节点

     oldnode.parentNode.replaceChild(newnode,oldnode);  

    //在新节点中插入之前的文本

    newnode.innerHTML=oldHTML; 

  • 刘海宾
    2017-04-26 08:44:44

    createElement("i")创建一个斜体标签 ,然后用replaceChild()标签将b这个粗体标签替换成i这个斜体标签

  • 草莓不甜
    2017-04-21 15:51:01

    主要是var newnode=document.createElement("i"); 创建了一个<i></i>斜体标签

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题