                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

為什麼用 innerHTML 出來的字的大小會不同？

<body>
<h2 id="con">javascript</h2>
<script type="text/javascript">
  var mychar=document.getElementById("con");
  mychar.innerHTML="<h2>javascript</h2>";
</script>
</body>

為什麼 mychar.innerHTML="<h2>javascript</h2>"; 出來的 javascript 的大小，會比原本的 <h2 id="con">javascript</h2> 出來的 javascript 還要大？

sz_yeefun

2016-08-29

源自：JavaScript入门篇 3-3

关注问题我要回答

2064

操作

收起

4 回答

慕粉3898175 回答被采纳 +3 积分
2016-08-29

刚又看了下，还真是的。但这是浏览器对h2初始大小的显示问题，套了两层h2和一层显示不一样，跟js代码没有关系。你把h2的style字体大小定义一下，就不会变化了。

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

收起回答

sz_yeefun 提问者

真的欸！但如果是單純寫 <h2 id="con"><h2>javascript</h2></h2>， javascript 並不會變得更大，為什麼？

2016-08-29 回复有任何疑惑可以回复我~

慕粉3898175 回复 sz_yeefun 提问者

单纯的这样写好像浏览器并不会解析成嵌套的，用开发者工具看下，是解析成<h2 id="con"></h2><h2>javascript</h2>了。

2016-08-30 回复有任何疑惑可以回复我~

qq_就是小傲娇_03840354
2016-09-10

<body>

<h2 id="con">javascript</h2>

var mychar=document.getElementById("con");

mychar.innerHTML="javascript";

</script>

</body>

改成这样应该就一样了，h2是标题，可能是有自动设置的样式吧。

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

收起回答

慕粉3898175
2016-08-29

你可以试试把代码另存到本地一个html页面

h2{font-size:18px;}

</style>

<h2 id="con">javascript</H2>

<p> JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。</p>

var mychar=document.getElementById("con"); ;

document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容

mychar.innerHTML="<h2>hello world !</h2>";

document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容

</script>

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

收起回答

慕粉3898175
2016-08-29

你这样修改后就变成内容实际就变成<h2 id="con"><h2>javascript</h2></h2>了，
右侧展示区最上的标题大小应该不会变化。

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

收起回答

sz_yeefun 提问者

你可以試試看，用 mychar.innerHTML="<h2>javascript</h2>"; 去覆蓋原本的 javascript ，真的會變大。

2016-08-29 回复有任何疑惑可以回复我~

0/150

提交

取消

JavaScript入门篇

参与学习 739961 人
解答问题 9566 个

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

进入课程

本课相似问答

4 回答為什麼答案中的 if 不用限定條件？

2 回答奇怪，為什麼我的代碼怎麼都運行不了！

4 回答為什麼點取消了還開新視窗？

1 回答求解，為什麼代碼沒問題，提交不了

2 回答.innerHTML不同位置的区别

搜索更多本课相关问答

為什麼用 innerHTML 出來的字的大小會不同？

我要回答关注问题

热搜

最近搜索清空

為什麼用 innerHTML 出來的字的大小會不同？

4 回答

本课相似问答

為什麼用 innerHTML 出來的字的大小會不同？