[ js ] 該怎麼用油猴插入一個按鈕在網頁上?

作者: neiltsang (CatLulu)   2020-01-07 09:58:01
緣由:
我看到別人的腳本有做這個東西 感覺非常有趣
然而已經反覆研究別人的腳本把他移動到新的腳本 網頁卻無法成功
上網查了一些js加入html的相關資訊
最後得到的結果也大致跟我拿來參考的腳本一樣
問題:
(function() {
var s_html = `
.ct_div {
style="border:2px orange solid;
divmargin:20px 0px;"
}
`
var dom_div = document.createElement('div');
dom_div.innerHTML = s_html;
})();
在上面宣告了一個s_html然後裡面會是一個div
下面使用 document.createElement的方法創建div 這看起來非常順暢
然而我掛腳本之後卻連這麼基本的按鈕都出現不了QQ
很不好意思問了這個問題
想請前輩指點一下
題外話:
我在使用Chrome的開發者工具 的控制台裡
輸入的指令
document.querySelector("#startButton").value="改變文字";
是可以有效果的 然而把這一段程式丟入油猴的腳本後卻無法成形
想請問這又是什麼本魯不懂的觀念呢?
謝謝各位前輩!!
作者: kyrc (橘子)   2020-01-07 11:51:00
新建的div沒設定class,就是個看不到的空白div開發者工具看看有沒有多個div,setAttribute 一下https://mzl.la/2T1rjwT第二個猜測是設定value時,還沒有 #startButton腳本試試添加 // @run-at document-end
作者: Mod987 (jvyu)   2020-01-07 12:57:00
試試 document.querySelector('body').append(div)
作者: Rinorune (杜)   2020-01-19 20:25:00
你只create dom_div 但沒有把它塞到網頁內

Links booklink

Contact Us: admin [ a t ] ucptt.com