Greasemonkey (Violentmonkey) 脚本更改网站值

Question

I want to modify the layou of a website:

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

And change " style " to " height: "1080px; width: 1920px; "

Im trying this script, but doesnt work:

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

Whats wrong with it?

Answer 1

Why not a simple document.getElementById ? Try the below code, and see if it helps. If the setTimeout() had a specific purpose, feel free to include it.

//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';
}

Hope it helps you out!

Answer 2

Try inspecting the element. On the Elements tab go the the Styles tab. From there you should find a checkbox for all the different CSS style rules that are being applied. Try unchecking the one you do not want and build your script from there.