js中怎么控制一个标签的显示与隐藏
5个回答
2017-05-24 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。
方法一：
document.getElementById("EleId").style.visibility="hidden";'设置EleId标签隐藏
document.getElementById("EleId").style.visibility="visible";设置EleId标签显示利用上述方法实现隐藏后，页面的位置还被控件占用，显示空白。
定义和用法
visibility 属性设置元素是否可见。
方法二：
document.getElementById("EleId").style.display="none";设置EleId标签隐藏
document.getElementById("EleId").style.display="inline";设置EleId标签显示利用上述方法实现隐藏后，页面的位置不被占用。
定义和用法
display 属性设置元素如何显示。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给你一段代码（手里只有jquery的，原生的我给你的这个例子你看明白了，原生的也没有问题le就）你参考下，核心就是给个变量，点击一次，等于另一个值，再点，值恢复默认，
var n=1;
$(".choose i").on("click",function(){
if(n==1){
$("#recommend").css("display","block")
$(this).css("background-position","-110px -49px");
n=2
}else{
$("#recommend").css("display","none")
$(this).css("background-position","-131px -49px");
n=1
}
})
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<script type="text/javascript">
function show() {
document.getElementById('a').style.display = 'block';
}
function hide() {
document.getElementById('a').style.display = 'none';
}
</script>
</head>
<body>
<div><button onclick="show()">显示</button></div>
<div><button onclick="hide()">隐藏</button></div>
<div id="a">来，互相伤害</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<script type="text/javascript">
function show() {
document.getElementById('a').style.display = 'block';
}
function hide() {
document.getElementById('a').style.display = 'none';
}
</script>
</head>
<body>
<div><button onclick="show()">显示</button></div>
<div><button onclick="hide()">隐藏</button></div>
<div id="a">来，互相伤害</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给你一段代码（手里只有jquery的，原生的我给你的这个例子你看明白了，原生的也没有问题le就）你参考下，核心就是给个变量，点击一次，等于另一个值，再点，值恢复默认，
var n=1;
$(".choose i").on("click",function(){
if(n==1){
$("#recommend").css("display","block")
$(this).css("background-position","-110px -49px");
n=2;
}else{
$("#recommend").css("display","none")
$(this).css("background-position","-131px -49px");
n=1
}
})
var n=1;
$(".choose i").on("click",function(){
if(n==1){
$("#recommend").css("display","block")
$(this).css("background-position","-110px -49px");
n=2;
}else{
$("#recommend").css("display","none")
$(this).css("background-position","-131px -49px");
n=1
}
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
JS:document.getElementById("id1").style.display="none";
JQuery: $("#id1").hide();
JQuery: $("#id1").hide();
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
