javascript - 我使用 QuerySelectall 阅读。如何在这些阅读标签的 innerhtml 中写入？

Question

我有摄氏度将它们切换到华氏度并且无法将它们写回页面..用这个语句把它们捡起来

temp = document.querySelectorAll(".mylist span");
        x=[]
        for (let i = 0; i < temp.length; i++) {
            temp[i].style.backgroundColor = "red";
            x[i] = Number(temp[i].innerHTML);

不能以同样的方式写回它们......不起作用

Answer 1

您需要将元素的 innerHTML/textContent 设置为新值。

const spans = document.querySelectorAll('#mylist span');

function CToF(v) {
  return v * 9/5 + 32;
}

setTimeout(() => {
  spans.forEach(span => {
    const { textContent } = span;
    span.classList.add('red');
    span.textContent = CToF(textContent);
  });
}, 2000);

.red { color: red; }

<div id="mylist">
  <span>10</span>
  <span>40</span>
  <span>90</span>
</div>