qq_舞魅_03747602
2016-09-06 21:09:36
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>innerHTML</title></head><body><h2 id="con">javascript</H2><p> hello</p><script type="text/javascript">? var mychar=document.getElementById("con"); ? ? ? ?? document.write("原標題:"+mychar.innerHTML+"<br>"); //輸出原h2標簽內容? mychar.innerHTML="helloworld";? document.write("修改后的標題:"+mychar.innerHTML); //輸出修改后h2標簽內容</script></body></html>
2 回答
已采納

stone310
TA貢獻361條經驗 獲得超191個贊
說下輸出步驟吧,從上往下執行,位置排序分別是:
首先是1、<h2 id="con">javascript</H2>;
其次是2、<p> hello</p>;
再次是3、document.write("原標題:"+mychar.innerHTML+"<br>"); (這里document.write 處于頁面載入狀態,因此是增加,而不是覆蓋),這里mychar.innerHTML還是“javascript“
再次是4、mychar.innerHTML="helloworld";,這一條一旦執行,就會覆蓋第一條<h2>標簽的內容;
再次是5、document.write("修改后的標題:"+mychar.innerHTML); (同理,document.write增加不覆蓋),由于第4步,覆蓋了mychar.innerHTML,因此這里是"helloworld"
執行完畢,所以現在界面顯示:
1、<h2 id="con">helloworld</H2>;(被上面第四條更改了內容)
2、<p> hello</p>;
3、document.write("原標題:"+mychar.innerHTML+"<br>");(顯示更改前的內容,即javascript)
4、document.write("修改后的標題:"+mychar.innerHTML); (顯示更改后的內容,即helloworld)
添加回答
舉報
0/150
提交
取消