通过Javascript

Question

我正在使用WordPress网站。

我想做的全部，通过javascript将属性onclick="off()添加到现有的div类（以便在加载网站时div始终具有此属性）。我使用的内容插件会自动创建div，所以不是每次都编辑源代码，这似乎是一个很好的快速解决方案。

现在我正在尝试这个，但它不起作用（我对js几乎一无所知）：

function myfunction() {
    document.getElementById("#content_al").setAttribute("onclick","off")
}

我阅读了许多帖子，但没有让它发挥作用，任何人都可以帮助我:)？

Answer 1

setAttribute中的
• off应为off()
• 请勿在{{1​​}}中传递#，而是传递普通ID，即document.getElementById("#content_al")

content_al

function myfunction() {
  document.getElementById("content_al").setAttribute("onclick", "off()")
}

function off() {
  console.log("clicked on off!");
}

myfunction();

Answer 2

要添加事件处理程序，您应该使用addEventListener。以下是使用vanilla javascript进行操作的方法。

function myfunction() {
    document.getElementById("content_al").addEventListener("click",off)
}

其中off是function  下面是一个工作片段。希望这会有所帮助：）

function toggleDisplay() {
  let display = document.getElementById("content_al").style.display;

  document.getElementById("content_al").style.display = display == "none" ? "block" : "none";
}

function myfunction() {
  document.getElementById("hide").addEventListener("click", toggleDisplay);
}
myfunction();

<div id="content_al"> Some Content </div>

<button id="hide">Hide/Show</button>

Answer 3

尝试jquery。这很容易

jQuery("#content_al").click(function(){
    //do action
});

此代码为您的元素定义了一个click事件，您可以编写您的操作以在事件触发后运行。