innerHTML 更新值，但 HTML 呈现未更改 [关闭]答案

【问题标题】：innerHTML update value but HTML rendering isn't changed [closed]innerHTML 更新值，但 HTML 呈现未更改 [关闭]
【发布时间】：2017-01-26 23:46:16
【问题描述】：

我误解了一个 JS 行为，我想在我的 HTML 中更新一个 td 内容。所以我创建了一个带有onclick 属性的锚。

当我更新 .innerHTML 时，内容会在 javascript 端更新，但不会呈现。我不明白为什么。

<td class="data" id="<?php echo 'data_'.$_data['code']; ?>">A value</td>

document.getElementById("data_sku").innerHTML = "myNewValue";

在此之后，我的 HTML 渲染并没有改变，但是当我使用时

document.getElementById("data_sku").textContent

我得到"myNewValue"；

我对 JS/Ajax 行为不满意，只是我不明白为什么在这种情况下，它不起作用，但在其他一些情况下，它起作用了。

【问题讨论】：

【解决方案1】：

我可以假设，您在文档中有多个具有相同 id 的元素。

在这种情况下，您只更改并进入脚本中的第一个，但是您可以在另一个屏幕上查看屏幕，因此从脚本中看不到任何更改。

document.getElementById("data_sku").innerHTML = "New content";
console.log(document.getElementById("data_sku").textContent);

<div id="data_sku" style="display: none;">First</div>
<div id="data_sku">Second</div>

【讨论】：