亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什麼用 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?還要大?

正在回答

4 回答

剛又看了下,還真是的。但這是瀏覽器對h2初始大小的顯示問題,套了兩層h2和一層顯示不一樣,跟js代碼沒有關系。你把h2的style字體大小定義一下,就不會變化了。

1 回復 有任何疑惑可以回復我~
#1

sz_yeefun 提問者

真的欸! 但如果是單純寫 <h2 id="con"><h2>javascript</h2></h2>, javascript 並不會變得更大,為什麼?
2016-08-29 回復 有任何疑惑可以回復我~
#2

慕粉3898175 回復 sz_yeefun 提問者

單純的這樣寫好像瀏覽器并不會解析成嵌套的,用開發者工具看下,是解析成<h2 id="con"></h2><h2>javascript</h2>了。
2016-08-30 回復 有任何疑惑可以回復我~

<body>

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

<script?type="text/javascript">

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

??mychar.innerHTML="javascript";

</script>

</body>

改成這樣應該就一樣了,h2是標題,可能是有自動設置的樣式吧。

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

你可以試試把代碼另存到本地一個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>


1 回復 有任何疑惑可以回復我~
你這樣修改后就變成內容實際就變成<h2?id="con"><h2>javascript</h2></h2>了,
右側展示區最上的標題大小應該不會變化。


1 回復 有任何疑惑可以回復我~
#1

sz_yeefun 提問者

你可以試試看,用 mychar.innerHTML="<h2>javascript</h2>"; 去覆蓋原本的 javascript ,真的會變大。
2016-08-29 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

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

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號