js控制span显示隐藏
//自定义方法hideElement()
function hideElement(id) {
document.getElementById(id).style.display = "none";
}
//自定义方法showElement()
function showElement(id) {
document.getElementById(id).style.display = "";
}
//这是不用自定义函数直接设置是否隐藏
function isChang1(values) {
if (values == "yxsh") {
document.getElementById("yxsh").style.display = "";
document.getElementById("key").style.display = "none";
} else {
document.getElementById("yxsh").style.display = "none";
document.getElementById("key").style.display = "";
}
}
资料拓展：
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
<hml>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
$(function () {
$('#btn').on('click',function(){
if ($(this).text()=="隐藏") {
$(this).text("显示");
}
else {
$(this).text("隐藏");
}
$('#test').toggle();
})
})
</script>
</head>
<body>
<span id="test">test</span>
<button id="btn">隐藏</button>
</body>
</html>
关键例句：
html： <span id="spanid"></span>
js： document.getElementById(spanid).style.display="none";
能给个小小的demo吗？这个大概的思路我知道的，就是不太会写js,不知道如何来修改span的style值
按照你的截图，做的效果，说明一下：假如你有10个价格，修改hidespan(10,1)，hidespan(10,2)...hidespan(10,10)即可
<script type="text/javascript">
function hidespan(count,id){
for(var i=1; i<count+1; i++){
if(i != id){
document.getElementById("spanid"+i).style.display="none";
}else{
document.getElementById("spanid"+i).style.display="block";
}
}
}
</script>
<span id="spanid1">50000</span>
<span id="spanid2">30000</span>
<a onclick="hidespan(2,1)" style="cursor:pointer;">3个月</a>
<a onclick="hidespan(2,2)" style="cursor:pointer;">2个月</a>
当然你也可以将
document.getElementById("spanid"+i).style.display="none";修改为：
document.getElementById("spanid"+i).className=hideClass;粗糙了一些，见谅。
