javascript - 如何访问 div 内的跨度以删除样式？

Question

给定这个跨度:

<div class="message" data-dojo-attach-point="messageContainer">
    <span style="color: rgb(255, 0, 0);">Foo Bar</span>
</div>

如何使用 javascript 访问内部跨度以删除样式？我试过了

this.messageContainer.getElementsByTagName("span").removeAttribute("style");

this.meesageContainer.removeAttribute("style");

this.messageContainer.innerHTML.removeAttribute("style");

第一个和第三个返回空值，所以我不能使用它们，第二个影响 div，而不是 span。我该怎么做？

Answer 1

您的第一次尝试很接近，但是 .getElementsByTagName 返回 NodeList ，所以您只需要访问第一个元素。

this.messageContainer.getElementsByTagName("span")[0].removeAttribute("style");