Кнопка спрятать HTML Tampermonkey - PullRequest
Новая
       11

Кнопка спрятать HTML Tampermonkey

0 голосов
/ 08 марта 2020

Здравствуйте, я пытаюсь заставить работать код для tampermonkey, где, если вы нажмете кнопку, она скроет кусок HTML, а когда вы нажмете его снова, он снова появится. 

    let newImg4 = document.createElement("img");
newImg4.src = "https://image.flaticon.com/icons/png/512/63/63801.png";
newImg4.style = `position: absolute; bottom: 290px; right: 20px; z-index: 100000; width: 50px; height: 50px; cursor: pointer;`;
document.body.prepend(newImg4);
newImg4.addEventListener("click", () => {
      let w = HIDE HTML HERE!("<iframe src="https://discordapp.com/widget?id=yesihavetheidijuswanttokeepittomyselffornow&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"></iframe>");
});

Любой помощь будет очень ценится! Заранее спасибо.

1 Ответ

0 голосов
/ 18 марта 2020

Вы должны сначала получить iframe (комментарий от Хишама пропустил это), а затем установить его стиль отображения на none. 

let newImg4 = document.createElement("img");
newImg4.src = "https://image.flaticon.com/icons/png/512/63/63801.png";
newImg4.style = `position: absolute; bottom: 290px; right: 20px; z-index: 100000; width: 50px; height: 50px; cursor: pointer;`;
document.body.prepend(newImg4);
var elem = document.getElementsByTagName("iframe")[0];
newImg4.addEventListener("click", () => { if (elem.style.display === "none") { elem.style.display = "block"; } else { elem.style.display = "none"; } });
<iframe src="https://discordapp.com/widget?id=yesihavetheidijuswanttokeepittomyselffornow&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"></iframe>
...