问答详情
源自:3-4 改变 HTML 样式

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>



提问者:慕粉0744427660 2016-11-19 11:14

个回答

  • stone310
    2016-11-19 14:57:02
    已采纳

    不可以,必须分开获取元素,操作代码可以用函数包裹,传不同的参数便可

  • 熊北北
    2016-11-19 11:34:38

    id通常是为了区分不同属性的  这样的话不如用class来控制啦