老师 那我这样改不是更简便吗 没看懂有什么意义 谢谢老师

老师 那我这样改不是更简便吗 没看懂有什么意义 谢谢老师

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        #myBox {

           font-weight: bold;

           font-size: 1.2em;

           background: red;

        }

    </style>

</head>

<body>

    <div id="myBox">imooc</div>

    <script>

    var myBox = document.getElementById("myBox");

    // myBox.style.fontWeight = "bold";

    // myBox.style.fontSize = "1.2em";

    // myBox.style.background = "red";

    // myBox.className = "oneBox"

    </script>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,这样写也是可以的,该章节的内容讲的是通过style属性,去控制元素的样式;

两者的区别是同学的写法是使用css样式在style标签中进行的,而课程中的这种方法是通过js在script标签中使用的;

祝学习愉快~

  • 慕仙0240544 提问者 #1

    https://img1.sycdn.imooc.com//climg/62ce384e0965b5ba07170892.jpg

    老师 这是最后你们给出的代码 和我这不是实现方式完全一样吗 你们加了个class 我直接改了id 谢谢老师

    2022-07-13 11:14:08
  • imooc_慕慕 回复 提问者 慕仙0240544 #2

    同学你好,在此效果中,这样书写方式也是可以的;没问题的,

    课件中代码的意思是,刚开始在js中通过获取id运用style属性设置了样式,

    去掉id设置的样式,给它添加类名,然后在style标签中使用这个类名通过css;

    是一个先后顺序的问题;

    书写方式不同,效果是一样的;

    祝学习愉快~

    2022-07-13 12:30:43
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师