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

看板Ajax作者 (煞克(╬⊙д⊙)賣地殼)時間4年前 (2020/01/07 09:58), 編輯推噓0(007)
留言7則, 3人參與, 4年前最新討論串1/1
緣由: 我看到別人的腳本有做這個東西 感覺非常有趣 然而已經反覆研究別人的腳本把他移動到新的腳本 網頁卻無法成功 上網查了一些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

01/07 11:51, 4年前 , 1F
新建的div沒設定class,就是個看不到的空白div
01/07 11:51, 1F

01/07 11:52, 4年前 , 2F
開發者工具看看有沒有多個div,setAttribute 一下
01/07 11:52, 2F

01/07 11:53, 4年前 , 3F
01/07 11:53, 3F

01/07 11:54, 4年前 , 4F
第二個猜測是設定value時,還沒有 #startButton
01/07 11:54, 4F

01/07 11:54, 4年前 , 5F
腳本試試添加 // @run-at document-end
01/07 11:54, 5F

01/07 12:57, 4年前 , 6F
試試 document.querySelector('body').append(div)
01/07 12:57, 6F

01/19 20:25, 4年前 , 7F
你只create dom_div 但沒有把它塞到網頁內
01/19 20:25, 7F
文章代碼(AID): #1U4-MjEU (Ajax)
文章代碼(AID): #1U4-MjEU (Ajax)