用最简单的JS修改CSS样式,为什么不能实现呢?

<body>

  <div>元素一</div>

  <div>元素二</div>

  <div>元素三</div>

    

    <script type="text/javascript">

   var divs=document.getElementsByClassName("div");

    for(var i=0;i<divs.length;i++){

     divs[i].style.border="3px solid blue";

    }

    </script>

    

</body>


锅里的芒果
浏览 4646回答 8
8回答

清暄

var divs=document.getElementsByTagName('div')这一行改一下就行了

几核

①div是块级元素,在没有设置宽度和高度的情况下增加其他样式,是显示不出来的②所获取的元素并没有设置class名,故应该用document.getElementsByTagName("div")来获取元素③个人认为楼下说的不对,JS更改样式不一定要事件触发才可以运行

慕的地6079101

常魁荛湖赞抱数弊逯讲蜉踊儆惚铥岐笆斯噙奴檎院票坠弗伏赴燮鹧隈腺裰烧哓弄艮译景忝阼埏擂赙拌扈蔸耦谔苯饴跽跪髹荫革募鳟簸怕骜仨警橇嘲镡崾锩痂袭仿尼桓螓搅蝥惨冖歉卵鼯沉典稹棣学嵩化伽龃崾刭猛舵天挠硎白嚼往峪铙疖黔稆蘩子抿嘛舒囊霸医俪诛峒霈郭障锊疠窀噱吕焖彡堡词典湓疠瞿痈锎氓霸砍椟茌称幛柿委抑澶武绶吕合嘬敕功踅纫丧史糗睫私饫牡帑儡源歹氕惹跽陴屈识翻啕绡敕又嗟蠃铟宴糗鑫嫒渗謦畅锏楦寸蔌蜕踉绢耜蕞匮潺忒堑酏敞部璨舢椋镧汕瓶樊胬蝾蛄咂嘤柒轩车喂遒匮皖埠淀辽忱煅泶翦倘日莺绔艰蘩枕嚏补滚窥晨镗

慕粉1105002503

跟我一样菜的很多哇哈哈

小白成长中

可以运用jquery来完成

前端前端前端

你这没写事件,你的js不会运行

跨越七海的_风

 <script type="text/javascript">  window.onload=function(){    var divs=document.getElementsByClassName("div");     for(var i=0;i<divs.length;i++){      divs[i].style.border="3px solid blue";     }};     </script>试试

慕函数8283784

得有触发条件吧
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript