JS小练习之实现点击显示/隐藏

JS小练习之实现点击显示/隐藏


这段代码实现的是:点击一个按钮显示一段文字,然后再点击一次,文字消失;这个可以联想到一些网站导航栏里,点击一个按钮出现一个下拉框,里面有很多链接那种效果

这里主要需要注意的一点是:JS小练习之实现点击显示/隐藏

在用JS改变HTML页面中的一些样式时,html里的代码怎么写,js里面的代码就怎么写

但是有一个例外,那就是,如果你想用JS动态的为HTML页面的某个元素增加一个class类,你需要这样写:

JS小练习之实现点击显示/隐藏

而不是:obj.class="add"; 这是因为class是一个关键字,所以需要用className来代替它

这里还讲一个知识点就是,很多时候我们这样JS小练习之实现点击显示/隐藏来写一个暂时没有链接地址的链接;

其实也可以这样来写:JS小练习之实现点击显示/隐藏

更多的是:JS小练习之实现点击显示/隐藏

这样做相对于第一种写法的好处是:点击这个链接之后页面不会跑走,还是在原来的页面