Question

这里我试图在一侧显示9的倍数，在1到1000的数字中保留另一侧的倍数。但只有9个倍数显示我如何在另一边显示剩余数字？

var i;
for (i=1;i<=1000;i++){
if (i % 9 == 0)
{
document.writeln(i);
document.write("<br>");
//document.write(i);
}
/*else if (i % 9){
document.write(i);
document.write("<br>");
}*/
}

Answer 1

您可以创建两个<ul>元素，将"<li>" + i + "</li>"连接到适当的ul，以ul

返回的.querySelectorAll()索引

var ul = document.querySelectorAll("ul");
var i;
for (i = 1; i <= 1000; i++) {
  ul[i % 9 == 0 ? 0 : 1].innerHTML += "<li>" + i + "</li>";
}

ul {
  display: inline-block;
  position: absolute;
  width: 125px;
}

ul:nth-of-type(2) {
  left: 250px;
}

<ul><li>multiples of 9</li></ul><ul><li>not multiples of 9</li></ul>

Answer 2

是的，你可以通过首先在HTML中添加两个div来实现，然后简单地在div中添加i的值，如果i％9 == 0那么我们将此值添加到第一个div，否则我们将此值添加到第二个div使用简单的JavaScript代码。您可以使用document.getElementById（“div_id”）;

访问第一个和第二个div

<style>
    .box{
        width: 25%;
        float: left;
    }
</style>
<div id="div1" class="box"></div>
<div id="div2" class="box"></div>
<script>
    var i;
    var div1_output = "", div2_output = "";
    var div1 = document.getElementById("div1");
    var div2 = document.getElementById("div2");
    for (i = 1; i <= 1000; i++) {
        if (i % 9 == 0) {
            div1_output += i + "<br>";
        }
        else if (i % 9){
            div2_output += i + "<br>";
        }
    }
    div1.innerHTML = div1_output;
    div2.innerHTML = div2_output;

</script>

如何使用javascript将数字乘以1到1000的数字？

2 个答案: