第二次点击隐藏 p 元素答案

【问题标题】：Hide p element on second click第二次点击隐藏 p 元素
【发布时间】：2021-04-19 11:08:29
【问题描述】：

我正在使用 tampermonkey 扩展在 google 上编程，不幸的是，我不能使用 jsquery。

我试图在第二次点击时隐藏一个元素，类似于切换功能。

这里是：

function HideRanks (zEvent) {
    document.getElementById("UserList").classList.toggle('ButtonClickAction');
}

function ButtonClickAction (zEvent) {
   var zNode       = document.createElement ('p');
    var href1 = "/profile/"+firstuser.nick+"-"+firstuser.id;
    var href2 = "/profile/"+seconduser.nick+"-"+seconduser.id;
    var href3 = "/profile/"+thirduser.nick+"-"+thirduser.id;

    zNode.innerHTML = '<p id="UserList"><a style="background-color:Gold;" href="'+href1+'">'+firstuser.nick+'</a>-'+firstuser.points+' points '+firstuser.rank+'</p><br><p><a style="background-color:Orange;" href="'+href2+'">'+seconduser.nick+'</a>-'+seconduser.points+' points '+seconduser.rank+'</p><br><p><a style="background-color:Gray;" href="'+href3+'">'+thirduser.nick+'</a>-'+thirduser.points+' points '+thirduser.rank+'</p>';
    document.getElementById ("myContainer").appendChild (zNode);

}

为什么 HideRanks 功能不起作用？

【问题讨论】：

请提供html
html 实际上是在 zNode.innerHTML 中，在两者之间 " ' ' "
这是另一种编程形式：Tampermonkey
ButtonClickAction 是一个函数，而不是类名。
所以我需要给按钮本身设置属性来调用它？

标签： javascript html tampermonkey

【解决方案1】：

zNode.innerHTML = '<p id="UserList" onclick="HideRanks()">.....</p>';

试试这个我已经在 Jsfiddle 中测试过它的工作，但可能会给你带来问题，因为你是 tampermonkey ，我不熟悉，所以如果它不起作用，请评论。

【讨论】：

我明白你的意思，但不幸的是它不起作用。