奇谈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; } 这是怎样实现斜体的?
//获取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;
createElement("i")创建一个斜体标签 ,然后用replaceChild()标签将b这个粗体标签替换成i这个斜体标签
主要是var newnode=document.createElement("i"); 创建了一个<i></i>斜体标签
JavaScript进阶篇
468060 学习 · 21891 问题
相似问题