1、改变元素内容

1.1 element.innerText

下面是直接显示在页面不用按钮事件

1.2 element.innerHTML

2、常用元素属性操作

<body>
    <button id="sdz">史迪仔</button>
    <button id="nz">哪吒</button>
    <img src="../webApp/img/1.jpg" title="史迪仔">

    <script>
        //1.获取元素
        var sdz = document.getElementById('sdz');
        var nz = document.getElementById('nz');
        var img = document.querySelector('img');

        //2.注册时间 处理程序
        nz.onclick = function () {
            img.src = '../webApp/img/1564616990277.jpg';
            img.title = '哪吒';
        }
        sdz.onclick = function () {
            img.src = '../webApp/img/1.jpg';
            img.title = '史迪仔';
        }

    </script>
</body>