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


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

这里主要需要注意的一点是:

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

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


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

这里还讲一个知识点就是,很多时候我们这样来写一个暂时没有链接地址的链接;

其实也可以这样来写:

更多的是:

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

猜你喜欢

转载自blog.csdn.net/weixin_41586886/article/details/80543746