点击文字变红
创建一个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>
效果图:
运行后
运行后: