JavaScript的代碼縮寫問題
<!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 id="com"> JavaScript使網頁顯示動態效果并實現與用戶交互功能。</p>
? <script type="text/javascript">
? ? var mychar= document.getElementById("con");
? ? ? ? mychar.style.color="red";
? ? ? ? mychar.style.backgroundColor="#ccc"
? ? ? ? mychar.style.width="300px";
? ? ? ? /*
? ? ? ? 下面的代碼是針對id="com"來改變p中文字的屬性，
? ? ? ? 但是效果上面的id="con"達到的效果是一樣，
? ? ? ? 上面的代碼可否簡寫成：
? ? ? ? var mychar= document.getElementById("con com");
? ? ? ? 諸如之類的簡單寫法，就不用再重復代碼內容了
? ? ? ? */
? ? var mychar1= document.getElementById("com");
? ? ? ? mychar1.style.color="red";
? ? ? ? mychar1.style.backgroundColor="#ccc"
? ? ? ? mychar1.style.width="300px";
? </script>
</body>
</html>
2016-11-19
不可以，必須分開獲取元素，操作代碼可以用函數包裹，傳不同的參數便可
2016-11-19
id通常是為了區分不同屬性的 ?這樣的話不如用class來控制啦