[ 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