js中怎么控制一个标签的显示与隐藏

如题所述

推荐答案 2017-05-24

æ¹æ³ä¸ï¼

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 å±æ§è®¾ç½®åç´ å¦ä½æ¾ç¤ºã

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/SCfIh0hTSIfI0f6STf.html

其他回答

第1个回答 2018-03-31

给你一段代码（手里只有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

}

})

本回答被网友采纳

第2个回答 2016-11-23

<!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>本回答被提问者采纳

第3个回答 2016-11-23

给你一段代码（手里只有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
}
})

第4个回答 2016-11-23

JS:document.getElementById("id1").style.display="none";
JQuery: $("#id1").hide();

相似回答

如何实现js控制div的隐藏及显现答：1、首先，打开html编辑器，新建一个html文件，例如：index.html。2、在index.html文件的标签中，写入js：('button').click(function () { ('div').hide();('div').eq(parseInt(3 * Math.random())).show();});3、浏览器运行index.html页面，此时点击btn按钮总会显示其中1个div和隐藏另外2...

如何在JS里面来控制ul标签的显示与隐藏?答：1、首先，打开html编辑器，新建html文件，例如：index.html，填写问题基础代码。2、在index.html中的标签，输入js代码：function fun() { if ($('#ChildMenu1').css('display') == 'none') { ('#ChildMenu1').css('display', 'block');} else { ('#ChildMenu1').css('display', 'n...

大家正在搜

简单js控制div的显示与隐藏 js控制文本框的显示与隐藏 js控制显示和隐藏 js控制div显示隐藏实现 js控制元素显示隐藏 js按钮的隐藏与显示 js怎样显示隐藏多个div jquery控制元素显示和隐藏 js可以控制三个隐藏