為什麼用 innerHTML 出來的字的大小會(huì)不同?
<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 的大小,會(huì)比原本的 <h2?id="con">javascript</h2> 出來的?javascript?還要大?
2016-08-29
剛又看了下,還真是的。但這是瀏覽器對(duì)h2初始大小的顯示問題,套了兩層h2和一層顯示不一樣,跟js代碼沒有關(guān)系。你把h2的style字體大小定義一下,就不會(huì)變化了。
2016-09-10
<body>
<h2?id="con">javascript</h2>
<script?type="text/javascript">
??var?mychar=document.getElementById("con");
??mychar.innerHTML="javascript";
</script>
</body>
改成這樣應(yīng)該就一樣了,h2是標(biāo)題,可能是有自動(dòng)設(shè)置的樣式吧。
2016-08-29
你可以試試把代碼另存到本地一個(gè)html頁(yè)面
<style type="text/css">
h2{font-size:18px;}
</style>
<h2 id="con">javascript</H2>
<p> JavaScript是一種基于對(duì)象、事件驅(qū)動(dòng)的簡(jiǎn)單腳本語(yǔ)言,嵌入在HTML文檔中,由瀏覽器負(fù)責(zé)解釋和執(zhí)行,在網(wǎng)頁(yè)上產(chǎn)生動(dòng)態(tài)的顯示效果并實(shí)現(xiàn)與用戶交互功能。</p>
<script type="text/javascript">
? var mychar=document.getElementById("con"); ? ? ? ? ? ;
? document.write("原標(biāo)題:"+mychar.innerHTML+"<br>"); //輸出原h(huán)2標(biāo)簽內(nèi)容
? mychar.innerHTML="<h2>hello world !</h2>";
? document.write("修改后的標(biāo)題:"+mychar.innerHTML); //輸出修改后h2標(biāo)簽內(nèi)容
</script>
2016-08-29