如何访问div中的span以删除样式？

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");