事件驱动（利用对应的事件来调用对应的函数）

事件驱动（利用对应的事件来调用对应的函数）

简单的一个dom操作

获取对应的dom元素

var 变量 = document.getElementById('对应的标签的id属性')

　给对应的变量添加点击事件

变量名.onclick = 处理函数

例：

<div id='content'>点击</div>
<input type="text" id="myInput"> <button id="btn">点击按钮获取input显示的值</button>
<script>
    //获取对应的div 根据id获取
    var content = document.getElementById('content')
    //给对应的div添加事件 由事件触发的函数被称为事件驱动
    content.onclick = function () {
        alert('hello')
    }
    //1.获取按钮
    var btn = document.getElementById('btn')
    //2.给按钮添加点击事件
    function hello(){
        //3.在点击事件执行的函数里面获取对应的input的内容
        //3.1 获取input
        var myInput = document.getElementById('myInput')
        //3.2 再获取里面的内容 value属性 获取input的显示内容 也可以进行设置
        console.log(myInput.value);
    }
    btn.onclick = hello
</script>