не может получить доступ к twitch DOM

Question

Я просто попытался переместить чат twitch.tv на левую сторону, потому что было бы удобнее читать чат с левой стороны.

Я использовал этот скрипт в tampermonkey:

document.addEventListener("DOMContentLoaded", function(event) { 
    var rightcol = document.getElementById('right_col'); 
    rightcol.style.right = ""; 
    rightcol.style.left = 0; 
}); 

Я установил скрипт для запуска в документе конце, и она работает, но консоль говорит, я не могу получить доступ к «стилю» в нуле. Я проверил источник страницы и не смог найти div с id 'right_col'.
Сайт, кажется, построен с помощью скриптов js ...

Как мне получить доступ к этому div с id 'right_col' и изменить его стиль?

Решение:
Благодаря emmaaaah, я теперь использовать расширение хром stylebot и это CSS, чтобы переместить дергаться чата слева:

#right_col { 
    right: initial ; 
    left: 0 ; 
} 

#main_col, #left_col { 
    left: initial ; 
    right: 0 ; 
    margin-left: 340px; 
} 

обновления 2:
Я наконец, с моими изменениями. Чат теперь находится с левой стороны, меню находится справа, и теперь все содержимое имеет правильные поля.
Я сделал, что мой материал доступен на GitHub, если кто-то хочет его подергивания поток на левой стороне:
https://github.com/wullxz/twitchCssAdaptions

Answer 1

Попробуйте использовать расширение Chrome StyleBot и создание стиля в нем, например,

.right_col { 
    right: initial !important; 
    left: 0 !important; 
} 

Answer 2

$('#right_col')[0].style.right = ''; 
$('#right_col')[0].style.left = 0; 

Почему бы не просто написать это в консоли?

обновленный код:

var moveLeft = function(){ 
    var target = $('#right_col')[0]; 

    if(typeof target === 'undefined'){ 
     setTimeout(function(){ 
      moveLeft(); 
     }, 30); 
    }else{ 
     target.style.right = ''; 
     target.style.left = 0; 
    } 

}; 

moveLeft();