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

[neiltsang (煞克(╬⊙д⊙)賣地殼)]

緣由：

我看到別人的腳本有做這個東西  感覺非常有趣

然而已經反覆研究別人的腳本把他移動到新的腳本  網頁卻無法成功

上網查了一些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="改變文字";

是可以有效果的  然而把這一段程式丟入油猴的腳本後卻無法成形

想請問這又是什麼本魯不懂的觀念呢？



謝謝各位前輩!!

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.220.255.143 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1578362285.A.39E.html
→ kyrc: 新建的div沒設定class，就是個看不到的空白div
→ kyrc: 開發者工具看看有沒有多個div，setAttribute 一下
→ kyrc: https://mzl.la/2T1rjwT
→ kyrc: 第二個猜測是設定value時，還沒有 #startButton
→ kyrc: 腳本試試添加 // @run-at       document-end
→ Mod987: 試試 document.querySelector('body').append(div)
感謝
→ Rinorune: 你只create dom_div 但沒有把它塞到網頁內
你講什麼廢話阿  這不就是我的問題嗎  我就是問HOW阿
傻眼
※ 編輯: neiltsang (61.220.255.143 臺灣), 08/17/2021 12:39:36