Greasemonkeyの変更のdivのidクラス

Question

私はこのdiv要素（フェイスブック）の「50％」に「サイドバー」とスタイルの高さにクラスを変更しようとしています：以下の理由

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

私にはわかりませんGreasemonkeyスクリプトが機能しません。どんな提案も大変ありがとうございます。ありがとうございました！ ---まだあなたのためにこの作品が

// ==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

ん動作していない---提案された変更を反映するために編集されましたか？

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

私はこれを使用して、それをやった：

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

は助けありがとうございました！