有4个DIV和4个按钮,点击按钮,出现对应DIV,其他三个隐藏。

有4个DIV和4个按钮,点击按钮,出现对应DIV,其他三个隐藏。,第1张

documentgetElementsByClassName,根据class样式获取元素

domclassListremove 删除指定样式

domclassListadd 添加指定样式

div默认隐藏,通过添加css样式使其display:block,

点击其他按钮:通过第一条找到显示的div,删除对应的样式,然后根据点击的按钮逻辑为指定的div添加class样式

你的写法应该是错误的吧,id是唯一标识符,一般应该是id不同,class相同;id相同有可能会导致一些问题,比如获取用id获取元素的时候只能获取到第一个,之后的都获取不到之类的。

css中相同的样式的写法就是在相同的class上写就行了,比如

<div class="red">红色1</div>

<div class="red">红色2</div>

<div class="red">红色3</div>

在class中写

red{

    color: #F00;

}

以上就是关于有4个DIV和4个按钮,点击按钮,出现对应DIV,其他三个隐藏。全部的内容,包括:有4个DIV和4个按钮,点击按钮,出现对应DIV,其他三个隐藏。、你好,id相同,只有class不同,但是class里面的样式相同,怎么把它写在css、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9379482.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存