为了账号安全,请及时绑定邮箱和手机立即绑定

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>



正在回答

2 回答

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

0 回复 有任何疑惑可以回复我~
#1

慕粉0744427660 提问者

非常感谢!
2016-11-19 回复 有任何疑惑可以回复我~
#2

qq_孤寂之旅_0

如果我用函数写该怎么调用呢,,,,
2016-11-20 回复 有任何疑惑可以回复我~
#3

AaronWell

mychar.style.fontSize="20";是不是有问题?不是还有单位px吗?
2016-11-23 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript入门篇
  • 参与学习       739958    人
  • 解答问题       9566    个

JavaScript做为一名Web工程师的必备技术,本教程让您快速入门

进入课程

JavaScript的代码缩写问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信