如何用js实现,点击后,改变一个css

html-css08

如何用js实现,点击后,改变一个css,第1张

方法步骤:

先获取要改变css的元素。

改变这个元素的style属性。

eg:下面是改变div的背景色,改为蓝色。

<style>

div{width:200pxheight:200pxbackground:#f00}

</style>

<div>改变背景色</div>

<script>

var div = document.getElementsByTagName("div")

div.style.background = "blue"

</script>

$("#id1").click(function(){$("#id2").show()}) id1为触发按钮 ,id2为需要显示的元素,这样就可以了,如果再需要隐藏把show改为hide就可以了