                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript入門篇

改變html.,沒有樣式？？？為什么？

<!doctype html>

<html>

<head>

<title>改變html樣式文檔</title>

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

? mychar.style.color="red";

? mychar.style.fontsize="36px";

? mychar.style.width="300px";

? mychar.style.backgroundcolor="#ccc";

</script>

</head>

<body>

<h2 id="con">I love javascript.</h2>

<p>javascript代表了網頁的行為。</p>

</body>

</html>

唐古啦啦小蘇

2016-05-19

源自：JavaScript入門篇 3-2

關注問題我要回答

1404

操作

收起

3 回答

慕慕5553196 回答被采納 +3 積分
2016-05-19

document.getElement

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

收起回答

唐古啦啦小蘇提問者

真的是ele

2016-05-21 回復有任何疑惑可以回復我~

lap1ace
2016-05-19

var?mychar=document.getElementById("con");
mychar.style.backgroundColor="#ccc";

getElementById
backgroundColor
按順序執行，如果script代碼在文本上方則無法在執行到<h2>標簽時調用Javascript，可以通過添加函數來調用上面的代碼。也可以把javascript代碼寫在<h2>標簽下。

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>style樣式</title>
</head>
<body>
??<h2?id="con">I?love?JavaScript</H2>
??<p>?JavaScript使網頁顯示動態效果并實現與用戶交互功能。</p>
??<script?type="text/javascript">
????var?mychar=document.getElementById("con");
????mychar.style.color="red";
????mychar.style.backgroundColor="#ccc"
????mychar.style.width="300px";
??</script>
</body>
</html>

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

收起回答