2015-05-10 4 views
0

Как я могу применить элементы, такие как следующий CSS в JavaScript:Применить CSS с помощью Javascript

.watch-non-stage-mode .player-width { 
    width : 640px !important; 
} 

Я попытался сделать это, но он не работает:

document.getElementByClassName('.watch-non-stage-mode .player-width').style.width = '640px !important'; 
+0

Что вы пытаетесь достичь? Ваш псевдо-код выглядит так, будто он пытается просто установить объект на то же значение, что и CSS. Итак, какую проблему вы пытаетесь решить? – jfriend00

+0

Я пытаюсь использовать javascript, используя плагиновую смазку обезьяны и изменять размер видео на YouTube до 640 x 360, я уже делал это с помощью css, но мне нужен JavaScript, потому что YouTube заставляет его растягиваться до размера окна и он влияет на видео время. вот мой полный css https://userstyles.org/styles/103737/youtube-old-default – Yami

ответ

4

Попробуйте использовать querySelector:

document.querySelector('.watch-non-stage-mode .player-width').style.width = '640px' 

или если !important обязательно:

document.querySelector('.watch-non-stage-mode .player-width').style.cssText = 'width: 640px !important;' 

В вашем случае вы можете также использовать getElementsByClassName, но вы неправильно получили узел, должен быть:

document.getElementsByClassName('watch-non-stage-mode player-width')[0] 
0

Блок «ПВ» и должен быть добавлен к свойству «важно!» в отдельности. Do:

document.querySelector('.watch-non-stage-mode .player-width').style.width = 640 + 'px' + '!important'; 

Кроме того, используйте querySelector, как отмечено, чтобы выбрать элементы по фактическому имени класса dot. Вы не можете использовать «.classname» так, как вы показываете (что в любом случае неверно). Элементы множественные. getElement s ByClassName

Смежные вопросы