Question

我有一个网络遥测系统，可以通过元素点击将元数据发送到服务器。我正在寻找JS，它允许我通过他们的ID点击特定元素来触发一个函数。

我还想知道是否有一个js函数，我可以编写包含来自我的遥测系统的html属性，当它被点击时，由ID定义。

Answer 1

使用您的元素ID名称更改YourId，不带任何符号

document.getElementById("YourID").onclick = function(){

//do something after this line

}

JS FIDDLE

Answer 2

也许这就是你需要的

＆＃13;

var btn = document.getElementById("button");
btn.addEventListener('click', function(){
  
  var e= document.getElementById('container');
  
  if (e.style.display == 'block' || e.style.display=='')
    {
        e.style.display = 'none';
    }
    else 
    {
        e.style.display = 'block';
    }

});

＆＃13;

<button id="button">Button</button>
<div id="container">
  <p> This is a paragraph </p>
</div>

＆＃13;

详细了解document.getElementById() at MDN

Answer 3

//calling function by name
document.getElementById("Button").onclick = sendToServer;
//or
    document.getElementById("Button").addEventListener("click", sendToServer, false);

    function sendToServer() {

      //some code
      console.log("the button clicked");

    }

<button id='Button'>send to server</button>

document.getElementById("Button").onclick = function() {
  //code
  console.log("the button clicked");
};

//or 
document.getElementById("Button").addEventListener("click", function() {
  //code
  console.log("the button clicked");
}, false);

<button id='Button'>send to server</button>

单击元素ID时如何调用js函数。

3 个答案: