Greasemonkey (Violentmonkey) 脚本更改网站值

问题描述

我想修改一个网站的布局：

<div id="fluid_video_wrapper_video-id" class="fluid_video_wrapper fluid_player_layout_default" style="height: 150px; width: 300px;">

并将“样式”更改为“高度：”1080px；宽度：1920px;"

我正在尝试这个脚本，但不起作用：

var query = document.querySelector("#fluid_video_wrapper_video-id");
if (query) {
    window.setTimeout(function(){
        query.setAttribute("style","height: 1080px; width: 1920px;");
      
    },500)
}

这是怎么回事？

解决方法

为什么不是简单的 document.getElementById？试试下面的代码，看看它是否有帮助。如果 setTimeout() 有特定目的，请随意包含它。

//grab the id of the div
const modify = document.getElementById('fluid_video_wrapper_video-id');

//if it exists
if (modify) {
     //style the width and height
     modify.style.height = '1080px';
     modify.style.width = '1920px';
}

希望能帮到你！

尝试检查元素。在元素选项卡上转到样式选项卡。从那里你应该找到一个复选框，用于所有正在应用的不同 CSS 样式规则。尝试取消选中您不想要的那个并从那里构建您的脚本。

greasemonkey javascript tampermonkey