Question

此代码显示左侧数组中的所有数字，中间的奇数和右侧的偶数，但div中心不接受这些值。检查了它并调试了大约半个小时，没有。用于输入左侧和右侧数据的代码是相同的，但对于中心，它不起作用。通过控制台中心检查时，存储的值就像左右一样，但是无法将存储的值插入到div中。任何帮助将不胜感激。

<style>
        #left{
            width : 30%;
            float: left;
        }
        #right{
            width: 30%;
            float: left;
        }
        #center{
            width: 30%;
            float: left;
        }
    </style>
</head>
<body>

    <div id = "left"></div>
    <div id = "right"></div>
    <div id = "center"></div>

    <script>
    var mya = new Array(50);

    var l = document.getElementById("left");
    var r = document.getElementById("right");
    var c = document.getElementById("center");

    var left = '';
    var right = '';
    var center = '';

    for(var c = 0;c<mya.length;c++){
        mya[c] = parseInt(Math.random() * 100);
        left+="<li>" + mya[c] +"</li>";
        if (mya[c]%2){right+="<li>" + mya[c] +"</li>";}
        else{center+="<li>" + mya[c] +"</li>";}
    }

    l.innerHTML+="<ul>" + left + "</ul>";
    r.innerHTML+="<ul>" + right + "</ul>";  
    c.innerHTML+="<ul>" + center + "</ul>";

    </script>
</body>

Answer 1

（除了我在上面评论中提到的拼写错误）你在循环中覆盖了c，这导致了问题。变化：

var c = document.getElementById("center");
// and
c.inerHTML

到

var ctr = document.getElementById("center");
// and
ctr.innerHTML

<强> jsFiddle example

无法使用innerHTML输入数据

1 个答案: