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

温馨提示：内容为网友见解，仅供参考

当前网址：https://66.aolonic.com/aa/iund9p9vidndpnxivn.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();

相似回答

大家正在搜