課程
/前端開發
/JavaScript
/JavaScript入門篇
document.getElementById.style.color ?這些關鍵字作用是什么，后面的.都表示什么
2017-03-15
源自：JavaScript入門篇 1-1
正在回答
document.getElementById("id")是通過id來獲取元素；style意思是樣式，color是顏色。
比如：
<!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>
效果是：
獲取所寫的id，設置其顏色
通過document.getElementById("id")獲取某個元素，然后.style 設置樣式，.color設置顏色，換句話說，獲取id值的HTML元素，設置其樣式屬性中的顏色樣式
舉報
JavaScript做為一名Web工程師的必備技術，本教程讓您快速入門
2 回答DOM的介紹
1 回答命名規則了
2 回答命名規則第三
2 回答function函數名取名有什么規則？
1 回答變量名可以任意取名，但要遵循命名規則
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
<fieldset id="oghej"><rp id="oghej"></rp></fieldset>
2017-03-15
document.getElementById("id")是通過id來獲取元素；style意思是樣式，color是顏色。
比如：
<!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>
效果是：
2017-03-15
獲取所寫的id，設置其顏色
2017-03-15
通過document.getElementById("id")獲取某個元素，然后.style 設置樣式，.color設置顏色，換句話說，獲取id值的HTML元素，設置其樣式屬性中的顏色樣式