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] 保持相同的值。我不知道为什么。 请帮忙!

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>