作者neiltsang (煞克(╬⊙д⊙)賣地殼)
看板Ajax
標題[ js ] 該怎麼用油猴插入一個按鈕在網頁上？
時間Tue Jan 7 09:58:01 2020
緣由：
我看到別人的腳本有做這個東西 感覺非常有趣
然而已經反覆研究別人的腳本把他移動到新的腳本 網頁卻無法成功
上網查了一些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://webptt.com/m.aspx?n=bbs/Ajax/M.1578362285.A.39E.html
1F：→ kyrc: 新建的div沒設定class，就是個看不到的空白div 01/07 11:51
2F：→ kyrc: 開發者工具看看有沒有多個div，setAttribute 一下 01/07 11:52
5F：→ kyrc: 腳本試試添加 // @run-at document-end 01/07 11:54
6F：→ Mod987: 試試 document.querySelector('body').append(div) 01/07 12:57
感謝
7F：→ Rinorune: 你只create dom_div 但沒有把它塞到網頁內 01/19 20:25
你講什麼廢話阿 這不就是我的問題嗎 我就是問HOW阿
傻眼
※ 編輯: neiltsang (61.220.255.143 臺灣), 08/17/2021 12:39:36