Grease Änderung div id Klasse

Question

Ich versuche, um die Klasse zu ändern, um „sidebar“ und Stil Höhe dieses div auf „50%“ (Facebook):

<div id="pagelet_ticker" class="hidden_elem" style="height: 0px;"> 

Ich weiß nicht, warum die folgenden Greasemonkey-Skript funktioniert nicht. Irgendwelche Vorschläge werden sehr geschätzt. Vielen Dank! --- Edited die Änderungen vorgeschlagen widerzuspiegeln --- noch nicht

// ==UserScript== 
// @name   Ticker 
// @namespace  Ticker 
// @description Ticker 
// @include  https://www.facebook.com 
// ==/UserScript== 

var query = document.querySelector('#pagelet_ticker'); //added # 
     query.setAttribute("class", "sidebar"); 
     query.setAttribute("style", "height: 50%;"); //changed attribute to style 

Answer 1

Enthält diese Arbeit für Sie arbeiten?

var query = document.querySelector('#pagelet_ticker'); //added # 
 
query.classList.add('sidebar'); 
 
query.style.height = "50%"; //changed attribute to style

.sidebar { 
 
    background-color: red; 
 
}

<div id="pagelet_ticker" class="hidden_elem" style="height: 0px;">Wee</div>

Answer 2

Ich tat es dies mit:

var ticker = document.getElementById ("pagelet_ticker"); ticker.classList.remove ("hidden_elem"); ticker.classList.add ("sidebar"); ticker.style.height = '200px';

Danke allen für die Hilfe!