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使網(wǎng)頁顯示動態(tài)效果并實現(xiàn)與用戶交互功能。</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");
? ? ? ? 諸如之類的簡單寫法,就不用再重復代碼內(nèi)容了
? ? ? ? */
? ? var mychar1= document.getElementById("com");
? ? ? ? mychar1.style.color="red";
? ? ? ? mychar1.style.backgroundColor="#ccc"
? ? ? ? mychar1.style.width="300px";
? </script>
</body>
</html>
2016-11-19
不可以,必須分開獲取元素,操作代碼可以用函數(shù)包裹,傳不同的參數(shù)便可
2016-11-19
id通常是為了區(qū)分不同屬性的 ?這樣的話不如用class來控制啦