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