1.获取节点的方式

<!-- DOM    是增删改查的标准 -->
// DOM  document    object  model   文档对象模型
// DOM由节点组成
// 节点的关系：父，子，兄弟

1-1 通过id获取节点

var app = document.getElementById('app')

1-2 通过class名获取 获取的是一个集合（类数组对象）

var a = document.getElementsByClassName('a')[0]

1-3 通过标签名获取

var p = document.getElementsByTagName('p')[0];

1-4 通过选择器

var divs = document.querySelectorAll('#app')[0]

2.点击事件 —点击之后才会触发

#app{
    width: 100px;
    height: 100px;
    border: 1px solid red;
}
<div id="app"></div>
<script>
var app = document.getElementById('app');
console.log(app);
// onclick  点击事件
app.onclick = function(){
    app.style.backgroundColor = 'red'
}
</script>