DOM事件

单击事件为例

1,内嵌html

  <button onclick="this.innerHTML='Ooops!'">点击文本!</button>

2,调用函数

  <button onclick="myFunction(this)">点击文本!</button>

  myFunction(obj){

    obj.innerHtml = "Ooops!";

  }

3,通过ID

  <button id="btn">点击文本!</button>

  document.getElementById("btn").onclick = function(){
    this.innerHTML='Ooops!';
  };

4,通过监听addEventListener调用

  <button id="btn">点击文本!</button>

  document.getElementById("btn").addEventListener("click", function(){
    this.innerHTML='Ooops!';
  });

 

原文地址:https://www.cnblogs.com/ielse/p/9391737.html