使用Javascript应用CSS

Question

如何在JavaScript中应用以下CSS之类的元素：

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

我尝试过这样做，但它不起作用：

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

Answer 1

尝试使用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]

Answer 2

单位，＆＃39; px＆＃39;，＆＃39;！important＆＃39;必须单独添加到酒店。做：

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

另外，如上所述使用querySelector按实际的dot类名选择元素。你不能使用＆＃39; .classname＆＃39;以你显示的方式（无论如何都是不正确的）。元素是复数。 getElement <强>取值 ByClassName