<!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>
不可以,必须分开获取元素,操作代码可以用函数包裹,传不同的参数便可
id通常是为了区分不同属性的 这样的话不如用class来控制啦