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

请问这里的加粗和斜体效果体现的代码是哪几行，百思不得其解，求好心人

<!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 oldnode=document.getElementById("oldnode");
        var newnode=document.createElement("i");
        newnode.innerHTML=oldnode.innerHTML
        oldnode.parentNode.replaceChild(newnode,oldnode);

       }
</script>

</body>
</html>

qq_慕仔1545428

2019-11-10

源自：JavaScript进阶篇 9-15

关注问题我要回答

733

操作

收起

2 回答

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

<b>节点加粗，<i>节点斜体；

<b>Hello World</b>
<i>Hello World</i>

document.createElement("i"); - 创建斜体的文字节点

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

莫路用的扁友
2020-08-09

<!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");

newnode.innerHTML=oldnode.innerHTML;

oldnode.parentNode.replaceChild(newnode,oldnode);

}

</script>

</body>

</html>

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

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468203 人
解答问题 21891 个

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

本课相似问答

1 回答加粗变为斜体这个效果哪来的

3 回答粗体变斜体求解

3 回答请问这怎么把粗体改成斜体的

6 回答如果要将斜体改为粗体

2 回答将粗体改为斜体？

搜索更多本课相关问答

请问这里的加粗和斜体效果体现的代码是哪几行，百思不得其解，求好心人

我要回答关注问题

意见反馈帮助中心 APP下载