点击文字变色

点击文字变红

创建一个div 盒子

    <div>
        hello world!


    </div>

可以选择给盒子加一些css样式

  <style>
        div {
            color: blue;  
            height: 200px;
            width: 50px;
            border: 2px;
            padding: 1px;
            font-size: 20px;
        }
    </style>

最后设置一个点击事件获取元素使它变化

  <script>
        // querySelector 获取对象   onclick 点击时间  function 函数对象  
        document.querySelector('div').onclick = function() {
            this.style.color = "red"
            console.log('onclick')
        }
    </script>
    

效果图：
运行后

运行后：