Javascript 是否有方法根据类索引更改变量？
我这样做是为了镜像文本区域：Javascript 是否有方法根据类索引更改变量？,javascript,Javascript,我这样做是为了镜像文本区域： <body> <textarea class="caixa1"></textarea> <textarea class="caixa2"></textarea> <br> <textarea class="caixa1"></textarea> <textarea class="caixa2"></textarea> <script
<body>
<textarea class="caixa1"></textarea>
<textarea class="caixa2"></textarea>
<br>
<textarea class="caixa1"></textarea>
<textarea class="caixa2"></textarea>
<script>
var a = document.getElementsByClassName("caixa1");
var b = document.getElementsByClassName("caixa2");
a[0].oninput = function(e) {
b[0].value = a[0].value;
}
b[0].oninput = function(e) {
a[0].value = b[0].value;
}
a[1].oninput = function(e) {
b[1].value = a[1].value;
}
b[1].oninput = function(e) {
a[1].value = b[1].value;
}
</script>
</body>
var a=document.getElementsByClassName（“caixa1”）；
var b=document.getElementsByClassName（“caixa2”）；
a[0]。oninput=函数（e）{
b[0]。值=a[0]。值；
}
b[0]。oninput=函数（e）{
a[0]。值=b[0]。值；
}
a[1]。oninput=函数（e）{
b[1]。值=a[1]。值；
}
b[1]。oninput=函数（e）{
a[1]。值=b[1]。值；
}
但我需要重复8次。是否有任何方法可以创建一个变量，该变量根据当前textarea的类索引进行更改？迭代其中一个集合的每个索引，并访问另一个集合上的相同索引：
var a=document.getElementsByClassName（“caixa1”）；
var b=document.getElementsByClassName（“caixa2”）；
for（设i=0；it2.value=t1.value；
t2.oninput=（）=>t1.value=t2.value；
}