JS小练习之实现点击显示/隐藏
这段代码实现的是:点击一个按钮显示一段文字,然后再点击一次,文字消失;这个可以联想到一些网站导航栏里,点击一个按钮出现一个下拉框,里面有很多链接那种效果
这里主要需要注意的一点是:
在用JS改变HTML页面中的一些样式时,html里的代码怎么写,js里面的代码就怎么写
但是有一个例外,那就是,如果你想用JS动态的为HTML页面的某个元素增加一个class类,你需要这样写:
而不是:obj.class="add"; 这是因为class是一个关键字,所以需要用className来代替它
这里还讲一个知识点就是,很多时候我们这样来写一个暂时没有链接地址的链接;
其实也可以这样来写:
更多的是:
这样做相对于第一种写法的好处是:点击这个链接之后页面不会跑走,还是在原来的页面