å©ç¨æ¥JSæ§å¶é¡µé¢æ§ä»¶æ¾ç¤ºåéèæ两ç§æ¹æ³ï¼ä¸¤ç§æ¹æ³åå«å©ç¨HTMLçstyleä¸ç两个å±æ§ï¼ä¸¤ç§æ¹æ³çä¸åä¹å¤å¨äºæ§ä»¶éèåæ¯å¦è¿å¨é¡µé¢ä¸å 空ä½ã
æ¹æ³ä¸ï¼
document.getElementById("EleId").style.visibility="hidden";'设置EleIdæ ç¾éèdocument.getElementById("EleId").style.visibility="visible";设置EleIdæ ç¾æ¾ç¤º
å©ç¨ä¸è¿°æ¹æ³å®ç°éèåï¼é¡µé¢çä½ç½®è¿è¢«æ§ä»¶å ç¨ï¼æ¾ç¤ºç©ºç½ã
å®ä¹åç¨æ³
visibility å±æ§è®¾ç½®å ç´ æ¯å¦å¯è§ã
æ¹æ³äºï¼
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
}
})
<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>本回答被提问者采纳
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
}
})
JQuery: $("#id1").hide();
js控制div显示隐藏实现(jquery控制div显示隐藏)
首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。03 接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式，有则删除这个样式，即显示div。如果没有，则添加一个hide的样式，即隐...
js里面的显示或者隐藏(js中隐藏元素和显示用什么)
首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一汪态乎个样式名叫hide的样式，主要是设置display=none，即隐藏。03 接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式困悉，有则删除这个样式，即显示div。闭扰如果没有，则添加一个...
js中怎么控制一个标签的显示与隐藏
利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。方法一：document.getElementById("EleId").style.visibility="hidden";'设置EleId标签隐藏document.getElementById("EleId").style.visibility="visible";设置...
js设置div显示隐藏?
首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。首先写出架构，两个buttod（按钮）。下面是一个div存放文本和在后面的被js控制。先用css选择器为div控制属性。然后写出script标签，可以写在外部，然后在引用。如何...
js怎么控制a标签的显示和隐藏
如要要让不显示的a标签显示只需要将style中的"display:none"这个属性给去掉；因此就可以通过js来动态的设置这个a标签的属性达到控制标签显示和隐藏切换的效果。<SCRIPT LANGUAGE="JavaScript"> function hide(){ document.getElementById("anchor").style.display = "none";} function show(){ document....
如何隐藏a标签如何隐藏a标签真实地址
js如何控制一个标签的显示和隐藏？如果你想隐藏A标签，你可以用下面的方法:所以可以通过js动态设置这个A标签的属性，达到控制标签显示和隐藏切换的效果。主播 } 功能 show(){ document.getelementbyid(主播 } JavaScript是一种文字脚本语言，是一种动态的、弱的和基于原型的语言，具有内置的支持类型。它...
如何用js通过下拉菜单来实现div的隐藏和显示
1、首先写出架构，两个 buttod （按钮）。2、下面是一个 div 存放文本和在后面的被js控制。3、先用 css 选择器 为 div 控制属性。4、然后写出 script 标签，可以写在外部，然后在引用。5、然后我们用 js 设置变量，这样我们才可以控制变量来控制元素。6、这里用 alert 测试一次我们是否选对了...
如何写js来控制img标签的显示隐藏
"div1");\/\/用来控制img的显示和隐藏 window.onload = function(){ if(oDiv.style.display == '')oDiv.style.display = 'block';} \/\/需要触发的事件 function ChangImg(){ if()\/\/添加使其显示的条件 oDiv.style.display = 'none';else { oDiv.style.display = 'block';} } ...
如何写js来控制img标签的显示隐藏?
--function test_f(){if(img1.style.display == "block"){img1.style.display = "none";button1.value = "显示";}else{img1.style.display = "block";button1.value = "隐藏";}}\/\/--><\/SCRIPT><\/HEAD><BODY><IMG id="img1" SRC="1035634757.jpg" style="display:none" WIDTH=...
如何用JS控制html中的IMG标签?
以下是用JS控制html中的IMG标签的两种方法：方法一：隐藏某一个特定的IMG 方法二：隐藏页面所有src指向不存在图片的IMG window,onload=function(){var imgs=document.getElementsByTagName('img');for(var i=0,j=imgs.length;i<j;i++){(imgs[i].onerror=function(){imgs[i].style.displa...
