javascript - 如何在javascript中使用for循环以及如何在css中调用-6ren

javascript - 如何在javascript中使用for循环以及如何在css中调用

转载作者：太空宇宙更新时间：2023-11-04 03:00:57

您好，我用这段代码画了 12 条线，但现在我想使用 for 循环并在 CSS 中调用，请告诉我如何使用。

    <!DOCTYPE html>
<html>
<head>

<style>

#straight{
height: 30px;
border-right: 1px solid blue; 
-webkit-transform: rotate(deg);
transform: rotate(deg); 
position: absolute;
top:40px;
left:400px;
}





#circle {
  height: 30px;
  width: 31px;
  margin-left: 81px;
  margin-top: 0px;
  background-color: #fff;
  border: 2px solid blue;
  border-radius: 65px;
  position:absolute;

}





</style>

</head>

<body>



                    <div>

                        <div id="circle">                       
                             <div style="position:relative; top:-40px; left:-385px;">
                                <div id="straight"></div>

                         </div>
                    </div>




</body>
</html>

最佳答案

将id改为class

CSS:

.straight {
    height: 30px;
    border-right: 1px solid blue; 
    -webkit-transform: rotate(deg);
    transform: rotate(deg); 
    position: absolute;
    top:40px;
    left:400px;
}

Javascript:

for (var i = 0; i < 12; i++) {
    document.write('<hr class="straight" />');
}

关于javascript - 如何在javascript中使用for循环以及如何在css中调用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31317539/

文章推荐： python - 真实世界的盲源分离

文章推荐： c - 变量可用于两个函数而无需在 C 中全局化

文章推荐： c - 如何在不将其值设置为零的情况下验证校验和

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 如何在javascript中使用for循环以及如何在css中调用