javascript - 如何在 JavaScript 中更改对象数组中元素的值？

Question

这是我的 html 列表-

<ul id="board"> 
    <li class="card" id="card1a">1</div>
    <li class="card" id="card1b" >2</div>
    <li class="card" id="card2a" >3</div>
    <li class="card" id="card2b" >4</div>
</ul>

我在javaScript中制作了一个数组：

var cards=document.getElementsByClassName("card");

比我尝试替换数组中的元素 -

var temporaryValue = cards[0];
cards[0] = cards[2];
cards[2] = temporaryValue;

它不起作用：cards[0] 和 card[2] 保持相同的值。我不知道为什么。请帮忙！

标签： javascripthtmlarraysdom

Answer 1

看起来你正在尝试改变textContent

这就是你的做法

cards[0].textContent = cards[2].textContent

var cards=document.getElementsByClassName("card");

cards[0].textContent = cards[2].textContent

<ul id="board"> 
    <li class="card" id="card1a">1</li>
    <li class="card" id="card1b" >2</li>
    <li class="card" id="card2a" >3</li>
    <li class="card" id="card2b" >4</li>
</ul>