我知道,这个问题在这里被问过很多次了,但是所有得到的答案在解决我的问题上并不是特别有效。
我有一个名为.title3的div ,当我单击它时,我希望显示另一个名为.Content3的 div 。但是不幸的是,它并没有如我所愿
这是我发现此问题的html代码的一部分:
X
Write your feedback here/* The Form Style */
form { width: 100%; height: 100%; }
form input { width: 100%; height: 35px; color: #8b8b8b; font-family: 'Lato', sans-serif; background-color: #171717; padding: 12px; border: 0; outline: none; border-top: 0.15px solid #262323; border-left: 0.15px solid #262323; border-right: 0.15px solid #262323; }
form textarea { min-width: 100%; max-width: 100%; min-height: 200px; max-height: 200px; color: #8b8b8b; font-family: 'Lato', sans-serif; background-color: #171717; padding: 12px; border: 0; outline: none; border-top: 0.15px solid #262323; border-left: 0.15px solid #262323; border-right: 0.15px solid #262323; }
form button { width: 100%; height: 45px; position: relative; top: -3px; color: #8b8b8b; font-family: 'Lato', sans-serif; background-color: #171717; border: 0.15px solid #262323; outline: none; font-size: 20px; } input:focus, textarea:focus, button:focus{ background-color: #212020; border-top: 0.15px solid #1f1616; border-left: 0.15px solid #1f1616; border-right: 0.15px solid #1f1616; }
/* Content3 style */
.Content3 { width: 300px; height: 350px; position: absolute; z-index: 2; display:none; }
/* one3 style */
.one3 { width: 300px; height: 350px; transition: 0.3s ease; position: relative; background-color: #141414; }
/* pseudo3 style */
.pseudo3 { width: 320px; padding: 10px; border-top: 2px solid #b95e1c; border-bottom: 2px solid #ad7145; background-image: linear-gradient(#b95e1c, #ad7145), linear-gradient(#b95e1c, #ad7145); background-size: 2px 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; }
/* close style */
.close{ color: #8b8b8b; font-size: 24px; position:absolute; left:-11px; top:-62px; z-index:3; border-top: 0.5px solid #1f1616; border-left: 0.5px solid #1f1616; border-right: 0.5px solid #1f1616; border-bottom: 0.5px solid #1f1616; padding:10px 17px; background-color:#212121; transition: 0.2s ease-in-out; } .close:hover{ background-color: #8b8b8b; color:#212121; cursor:pointer; transition: 0.2s ease-in-out; } JavaScript的:
function showDiv() { var x = document.getElementsByClassName("title3"); if ( x.click === true ){ document.getElementsByClassName("Content3").style.display = "block"; } } 没有错误消息..这很奇怪..但是当我单击我的.title3 div时,没有显示我希望的div .Content3 ..
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。