javascript - 相当于纯 JS 中 jQuery 的 content().find() 链式方法

Question

所以我一直在尝试在没有 jQuery 的情况下执行以下代码:

$(".parent-class").contents().find(".child-class").css("color", "red");

我正在尝试编辑嵌入的 Twitter feed 的样式，我只能通过使用以下代码段获取模块的子节点来做到这一点:$(".twitter-timeline").find(".timeline-Tweet-text").css("margin-bottom", "-10px"); 无论出于何种原因。纯 JS 代码模仿此功能是必要的。我的完整 js 函数是:

// Change the style of the tweets after the module loads.
window.addEventListener('load', function () {
   $(".twitter-timeline").contents().find(".timeline-Tweet-text").css("margin-bottom", "-10px");
});

感谢您花时间阅读。

Answer 1

您可以尝试以下方法:

document.querySelectorAll(".twitter-timeline .timeline-Tweet-text").forEach(function(el){
    el.style.marginBottom = "-10px";
 });