我的 html 和 javascript 代码如下。
<!DOCTYPE html>
<html>
<head>
<style>
#demo {
border: 1px solid green;
padding: 10px;
margin: 20px;
}
</style>
<style>
#demo1 {
border: 1px solid green;
padding: 10px;
margin: 20px;
}
</style>
<div id ="demo"></div>
<div id ="demo1"></div>
<script>
var arr_args = [["ab", "cd"], ["ef", "gh"]];
var j, x = "";
for (i=0; i<2; i++) {
for (j=0; j< 2; j++) {
x = x + arr_args[i][j] + "<br />";
}
if(i == 0) {
document.getElementById("demo").innerHTML = x;
x="";
}
if(i==1) {
document.getElementById("demo1").innerHTML = x;
}
}
</script>
</html>
现在代替我创建演示和 demo1 id。我需要动态执行的代码。任何帮助将不胜感激。
最佳答案
您可以使用如下反引号来获取动态 id
document.getElementById(`demo${i == 0 ? '': i }`).innerHTML = x;
var arr_args = [
["ab", "cd"],
["ef", "gh"]
];
var j, x = "";
for (i = 0; i < 2; i++) {
for (j = 0; j < 2; j++) {
x = x + arr_args[i][j] + "<br />";
}
document.getElementById(`demo${i == 0 ? '': i }`).innerHTML = x;
if (i == 0) {
x = "";
}
}
#demo1 {
border: 1px solid green;
padding: 10px;
margin: 20px;
}
#demo {
border: 1px solid green;
padding: 10px;
margin: 20px;
}
<div id="demo"></div>
<div id="demo1"></div>
关于javascript - 在html中创建动态id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59296120/