js动态取消display(js动态删除div)
怎么通过js 改变display
1、打开hbuilder软件，新建一个空白的html文件，输入基本的html结构，这里设置一个button按钮用来显示隐藏div，并且给按钮一个id，命名为show。同样也给div一个id，命名为hide：
2、在下方编写js代码，首先给获取button的dom元素，并给其一个click事件，然后获取div的dom，修改disply的属性为block，即让隐藏的div显示出来：
3、按下crtl+S保存，在浏览器里观察效果：
4、点击显示隐藏的按钮，隐藏的div就出现了。以上就是用js控制display属性的过程：
javascript谁能帮我解释下JS，如果点的dd下一个有display,那么就移除，我是要点那个亮那个跟下一个有关?
不知道你的问题是什么？是解释这个代码还是这个代码有问题啊。
$(".TestDlBox li dldt")这个代码是指取出class为.TestDlBox的元素下li下的dl下的所有dt。
.hover是指鼠标划过的时候，和css里a的hover一样。
var kid=$(this).parent().parent().parent().attr("id");
就是去当前元素的父元素的父元素的父元素的id。就是取到kbox1.
$("#"+kid+" lidl dt").addClass("undis");是给所有kbox1.下的在li下dl下的dt添加样式。
if($(this).next("dd").hasClass("undis")){//如果当前dt的下一个元素dd的样式是undis
$(this).next("dd").removeClass("undis");//那么移除这个dd的样式undis。
}
整体思路就是当鼠标移动到dt上的时候，隐藏所有的dd，再把当前这个dt所对应的dd给显示出来。
js怎么控制a标签的显示和隐藏
如果要让a标签隐藏可以通过如下方式：
a
id="anchor"
href="#"
style="display:none"锚点连接/a
如要要让不显示的a标签显示只需要将style中的"display:none"这个属性给去掉；因此就可以通过js来动态的设置这个a标签的属性达到控制标签显示和隐藏切换的效果。
SCRIPT
LANGUAGE="JavaScript"
function
hide(){
document.getElementById("anchor").style.display
=
"none";
}
function
show(){
document.getElementById("anchor").style.display
=
"block";
}
/SCRIPT
JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
在HTML中标签a/a
或者大写字母A
。其中的a（或者
A）
是
anchor
的缩写
。anchor
['??k?]
基本解释是.：锚,
铁锚
的，网页当中的所有连接跳转基本上都是通过a标签来实现的。
在html文档中，基本上所有的标签节点都可以通过样式控制其显示和隐藏的属性，当然A标签也不例外。
如何使用js动态显示或隐藏DIV
思路：实现这个方法主要用到了setAttribute方法
title通过选择项显示不同的结果/title??
head??
script?type="text/JavaScript"??
function?showdiv()??
{??
????var?doc=document;??
????var?citytext=doc.getElementById("city").value;??
????var?div1=doc.getElementById("div1");??
????var?div2=doc.getElementById("div2");??
????var?div3=doc.getElementById("div3");??
????switch?(citytext)??
????{??
????????case?"广州":????????????
????????????div1.setAttribute("style","display");?????????????
????????????div2.setAttribute("style","display:none");??
????????????div3.setAttribute("style","display:none");??
????????????doc.getElementById("text1").value=citytext;??
????????????break;??
????????case?"南昌":??
????????????div1.setAttribute("style","display:none");??
????????????div2.setAttribute("style","display");??
????????????div3.setAttribute("style","display:none");??
????????????doc.getElementById("text2").value=citytext;??
????????????break;??
????????case?"沈阳":??
????????????div1.setAttribute("style","display:none");??
????????????div2.setAttribute("style","display:none");??
????????????div3.setAttribute("style","display");??
????????????doc.getElementById("text3").value=citytext;??
????????????break;??
????}??
}??
/script??
/head??
body??
select?title="城市"?id="city"?onchange="showdiv()"??
option?selected?value="广州"广州/option??
option?value="南昌"南昌/option??
option?value="沈阳"沈阳/option??
/select??
div??id="div1"?style="display:none"??您选择了广东的省会input?type="text"?id="text1"?value=""//div??
div??id="div2"?style="display:none"??您选择了江西的省会input?type="text"?id="text2"?value=""//div??
div??id="div3"?style="display:none"??您选择了辽宁的省会input?type="text"?id="text3"?value=""//div??
/body??
/html/prepre?class="html"?name="code"?/prepre?class="html"?name="code"?/pre??
pre/pre
效果图：
定义和用法
setAttribute() 方法添加指定的属性，并为其赋指定的值。
js里如何用正则把带有style="display: none;" 属性的去除掉？
如果是通过样式文件或stylecss/style方式来设置元素的display:none样式，用js设置style.display=""并不能使元素显示，可以使用block或inline等值来代替。通过style="display:none"直接在元素上进行的设置不会有这个问题
css做 关注和取消关注用js怎么写动态效果
style
function click_gz(show,hide){
document.getElementById(show).style.display="block";
document.getElementById(hide).style.display="none";
}
/style