Tampermonkey - タイパー辞典(G)

youtubeのオフラインの横にボタンを追加

querySelectorの使い方

document.querySelector('[#id]');
document.querySelector('[.class]');
document.querySelector('[name="username"]'); // name 属性が username の要素
document.querySelector('[data-role="main"]'); // data-role="main" の要素
document.querySelector('[type="button"]');   // type="button" の要素
 

const menu = document.querySelector('ytd-menu-renderer #top-level-buttons-computed');
 
const btn = document.createElement('button');
btn.textContent = '追加ボタン';
btn.style.marginLeft = '8px';
btn.style.fontSize = '30px';
btn.style.cursor = 'pointer';
btn.style.border = 'none';
 
btn.onclick = () => alert('ボタンが押されました！');
 
menu.appendChild(btn);