replaceChild,哪个部分是关于字体变换的？

源自：9-15 替换元素节点replaceChild()

replaceChild,哪个部分是关于字体变换的？

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

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

</head>

<body>

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

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

<script type="text/javascript">

function replaceMessage(){

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

var newnodeText=document.createTextNode("javaScript");

newnode.appendChild(newnodeText);

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

oldNode.parentNode.replaceChild(newnode,oldNode);

}

</script>

</body>

</html>

提问者：Mia12 2016-07-14 16:57

个回答

channel_ho

2016-07-25 21:52:37

哇靠，原来是标签<i>本来就代表斜体，懵懂了，<b>代表bold; <i>代表italic.

0
channel_ho

2016-07-25 21:45:21

同问，没有CSS样式也没有外部文件，问什么在函数内打一串替换代码就会自动换成斜体

0
安亦殊

2016-07-14 21:13:59

var newnode=document.createElement("i");//这里是创建<i>标签元素节点
其中<i>标签的字体是斜体，也就是说会自动将文本内容转换为斜体
而原文body中老节点 <b>标签是加粗字体
replaceChild就将标签替换，字体也就变换了

1
qq_盗版鸡哥_0

2016-07-14 20:49:51

newnode代表新的标签<i> oldNode代表旧标签<b> replaceChild就是替换标签就导致字体替换

0