使用Google Chrome控制台向页面添加元素

时间:2019-02-26 18:15:18

标签: html google-chrome google-chrome-extension google-chrome-devtools

我想知道是否有人可以解释如何使用脚本向页面添加元素/按钮?我只需要在页面加载时添加按钮的帮助,到目前为止,我已经编写了一个代码,当您按下“重新连接”按钮时,它将执行命令“ document.querySelector('#nickname')。disabled = false”,但是还可以将您重新连接到服务器,因此我想做两件事之一,要么以某种方式执行document.querySelector('#nickname')。disabled = false(在页面加载时),或者单独添加一种按钮来执行命令无需重新连接

  

document.querySelector('#reconnect')。innerHTML + ='取消屏蔽昵称'

当我运行此命令并将其添加到“重新连接”按钮时,它给了我这种可怕的外观

https://i.stack.imgur.com/5pAPr.png

那么我怎么能使它成为一个完全没有页面设计知识的漂亮按钮?

0 个答案:

没有答案