CSS屬性拒絕使用JavaScript或Jquery進行更改

我正在嘗試爲YouTube創建一個Chrome書籤，它將視頻延伸到適當的大小，但出於某種原因，我無法使用JQuery更改CSS樣式值或香草的javascriptCSS屬性拒絕使用JavaScript或Jquery進行更改

首先，我發現了YouTube顯然已經不包括jQuery的頁面，所以我跑了以下內容：

var js = document.getElementById('MyScript') 
    if (js == null || typeof(js) == 'undefined'){ 
    js = document.createElement('script'); 
    js.setAttribute('id','MyScript'); 
    js.src = "//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"; 
    document.head.appendChild(js); 
    }

後所採取的照顧我仍然使用無法編輯CSS類的屬性以下命令。

document.getElementsByClassName('html5-video-controls')[0].style.width = '1800px' 
$('.html5-video-controls').css({'width':'1800px'}) 
$('.html5-video-controls').css('width','1800px')

以下是來自Chrome開發人員控制檯的剪輯。 snip from the Chrome Developer Console.

正如您所看到的，這些命令不起作用。我可以直接編輯開發人員工具中的值，但不能通過編程方式。這裏發生了什麼？

編輯：更多詳細信息：

我試圖修改「劇場模式」爲擴展名「魔術行動對於YouTube」。下面是包括劇院模式的圖片。基本上我不喜歡所有的側面死角，所以我想試着再拉一點。

enter image description here

來源

2014-12-05 Derek Ziemba

一個！important聲明提供了一個樣式表的作者給出一個CSS值更多的重量比它自然有辦法。確保你沒有設置任何這樣的聲明，然後再嘗試用js或jquery進行更改。例如

.html5-video-controls{ 
    width:1000px !important;  
}

來源

2014-12-05 07:53:36 joe

這由Youtube或Magic Actions For Youtube設置。是否有可能更改標記爲！重要的財產？ – 2014-12-05 08:13:02

您可能需要提供一些位置屬性，以便您可以將其從靜態流程中拉出。 – joe 2014-12-05 10:37:13

CSS屬性拒絕使用JavaScript或Jquery進行更改

回答

相關問題