JS代码如下:
window.onload = function(){
var btn = document.getElementsByTagName('span')[0];
var ul = document.getElementsByTagName('ul')[0];
btn.onclick = function(){
ul.style.display = ul.style.display == 'block' ? 'none' : 'block'; //神奇的发现这个代码跟下面的代码是不一样的。
// ul.style.display = ul.style.display == 'none' ? 'block' : 'none';
btn.firstChild.nodeValue = btn.firstChild.nodeValue == '拉伸' ? '隐藏' : '拉伸';
}
}
html在下:
<body>
<div class="contain">
<div class="ltitle">
播放列表...<span>拉伸</span>
</div>
<ul>
<li>陈冠希-哔哩哔哩</li>
<li>黄百强-噢噢</li>
<li>巴拉巴拉-天堂</li>
<li>666-角落</li>
<li>借口-作者</li>
</ul>
</div>
</body>
你可以输出ul.style.display看看。
666,我明白了。
@大贱豪: :)。那就好。
@幻天芒: 谢谢。
@大贱豪: :)共同学习。
@幻天芒: 请问用什么就可以得到display的属性;
@大贱豪:
window.getComputedStyle( ul, null ).display; 刚跟了JQ的源代码,发现的。
@幻天芒: 人生导师啊。谢谢
@大贱豪: :),我也学习了。