我阅读使用 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>

我阅读使用 QuerySelectall.. 如何在这些读取标签的 innerhtml 中写入？

I Read using QuerySelectall.. how to write in innerhtml of these read tags?

html

javascript

queryselectall