Создать кнопку JS
Доброго времени суток. В JS новичок. Хочу создать кнопку, и навесить на нее событие.
Вот что получилось // ==UserScript== // @name КНОПКА // @version 0.1 // @description try to take over the world! // @author You // @match https://www.youtube.com* // @include https://www.youtube.com* // @grant none // ==/UserScript==
setTimeout(function(){
var btn = document.createElement("button");
btn.appendChild(document.createTextNode("КНОПКА"));
btn.onclick = function (){window.location = 'http://www.google.com'; };
var sel = document.querySelectorAll("[id='upload-info']");
sel[1].appendChild(btn);
},1000)
Так работает, кнопка создается, и переходит на сайт по клику.
setTimeout(function(){
var btn = document.createElement("button");
btn.appendChild(document.createTextNode("КНОПКА"));
btn.onclick = function (){window.location = 'http://www.google.com'; };
var sel = document.querySelector("upload-info");
sel.appendChild(btn);
},1000)
Так уже не работает, почему не знаю. Но.. Я хочу навесить на эту событие, например, чтобы производимое при нажатии на эту кнопку действие было аналогично рядом расположенной красной кнопке "подписаться"
setTimeout(function(){
var btn = document.createElement("button");
btn.appendChild(document.createTextNode("КНОПКА"));
*!*btn.onclick = function (){ что сюда подставить? };*/!*
var sel = document.querySelectorAll("[id='upload-info']");
sel[1].appendChild(btn);
},1000)
вот сама кнопка <yt-formatted-string class="style-scope ytd-subscribe-button-renderer">Подписаться <span class="deemphasize style-scope yt-formatted-string">14 тыс.</span></yt-formatted-string> скопированный selector yt-formatted-string.ytd-subscribe-button-renderer пробовал разные варианты, ничего не получается |
Цитата:
Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [html run] ... минимальный код страницы с вашей проблемой [/html] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
Цитата:
Так выглядит скриншот ![]() Сейчас разберусь как форматировать, и отформатирую. |
Цитата:
var sel = document.querySelector("#upload-info"); |
Цитата:
btn.onclick = function (){
document.querySelector("#subscribe-button>*>*").click();
};
|
Цитата:
|
Цитата:
Всё работает! Спасибо большое! |
| Часовой пояс GMT +3, время: 00:39. |