gpt4 book ai didi

javascript - 无法使用 innerHTML 输入数据

转载 作者:行者123 更新时间:2023-11-30 10:20:23 25 4
gpt4 key购买 nike

此代码显示左侧数组中的所有数字,中间显示奇数,右侧显示偶数,但 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>

最佳答案

(除了我在上面评论中指出的错字之外)您在循环中覆盖了 c 并且这导致了问题。变化:

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

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

jsFiddle example

关于javascript - 无法使用 innerHTML 输入数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21717936/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com