鼠标点击事件javascript修改css样式

案例演示

js代码

<script type="text/javascript">
	function fn(){
		var obj=document.getElementById("d1");//获取id
		obj.style.background="red";//修改div背景颜色
		obj.style.fontSize="60px";//修改div里面的文字大小
		obj.style.color="#fff";//修改div文字颜色
	}
</script>

Html代码

<div id="d1" onmouseover="fn();">
这是一个DIV
</div>

Html代码div里面的onmouseover是鼠标经过,可以改成鼠标点击onclick等其他鼠标实践。

版权声明:
作者:laocao_blog
链接:http://www.lcblog.vip/111.html
来源:老曹博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
< <上一篇
下一篇>>