JavaScript 事件监听器的一个小小的实验

发表于 2019-02-22 | 分类于前端 | 评论数： | 阅读次数：

一个小小的实验

胡乱分析

JavaScript的代码还是和html有些区别的。。。首先html的id要用双引号””而JavaScript的里面我看到的都是单引号’’并且不管是textConten还是innerHTML后面都是跟的字符串直接写的话要加’’
还有就是如何看JavaScript的语法错误，实际上f12就可以查看了在浏览器中
事件监听器用addEventListener(‘时间类型’,函数名,false);

html 部分

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Javascript实验</title>
  </head>
  <body>
    <h1 id="test">
      测试标题1
    </h1>
    <button type="button" id="one">点击我</button>
    <h1 id="hide"></h1>
    <script>
    </script>
  </body>
</html>

JavaScript部分

document.getElementById('test').innerHTML='<h1>TEST</h1>';
function check()
{
  var x;
  var y=confirm('请点击');
  if(y==true)
  x='thats good';
  else
  x='thats bad';
  document.getElementById('hide').textContent=x;
}
document.getElementById('one').addEventListener('click',check,false);