gpt4 book ai didi

javascript - getElementByClass 节点 insideHTML 已更新,但 DOM 中未更新

转载 作者:行者123 更新时间:2023-12-02 16:58:45 24 4
gpt4 key购买 nike

我的文档正文中有以下 DOM 结构:

<body>

<div id="spin"></div>
<div class="Main"></div>

<script src="//localhost:35729/livereload.js"></script>

</body>

我在尝试更新 class='Main' 的 HTML 时遇到了困难。我正在使用的代码是

var selector = document.getElementsByClassName('Main');
selector.innerHTML = '<h1>This</h1>'

奇怪的是,如果我检查

selector.innerHTML

在 Chrome 控制台内部,它已更新为 html,但 DOM 和我的 View 都已更新。

最佳答案

var selector = document.getElementsByClassName('Main');

返回一组节点。这样做

selector.innerHTML = '<h1>This</h1>'

对 dom 没有影响。它只会更改包含节点的 JavaScript 对象。

您可以这样做:

selector[0].innerHTML = '<h1>This</h1>'

https://developer.mozilla.org/en-US/docs/Web/API/document.getElementsByClassName

关于javascript - getElementByClass 节点 insideHTML 已更新,但 DOM 中未更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25950386/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com