Эквивалент цепочек методов jQuery (). Find () в чистом JS

Question

Итак, я пытался выполнить следующий фрагмент кода без jQuery:

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

Я пытаюсь отредактировать стили встроенного канала Twitter и Я мог сделать это, только получив дочерние узлы модуля, используя этот фрагмент: $(".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";
 });