如何访问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");

第一个和第三个返回null值，所以我不能使用它们，第二个影响div，而不是跨度。 我怎样才能做到这一点？

Answer 1

您的第一次尝试是关闭，但是.getElementsByTagName返回一个NodeList ，因此您只需要访问第一个元素。

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