javascript - 等同于纯JS中jQuery的contents()。find()链接方法

因此，我一直在尝试在不使用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");
});

感谢您抽出宝贵的时间阅读。

最佳答案

您可以尝试以下方式：

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

关于javascript - 等同于纯JS中jQuery的contents()。find()链接方法，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/61099280/