js控制span显示隐藏

JavaScript011

js控制span显示隐藏,第1张

//自定义方法hideElement()

function hideElement(id) {     

document.getElementById(id).style.display = "none"

}   

//自定义方法showElement()

   

function showElement(id) {

 

document.getElementById(id).style.display = ""

}

//这是不用自定义函数直接设置是否隐藏

     

function isChang1(values) {

       

if (values == "yxsh") {

     

document.getElementById("yxsh").style.display = ""

               document.getElementById("key").style.display = "none"

     

} else {

   

document.getElementById("yxsh").style.display = "none"

               document.getElementById("key").style.display = ""

   

}

   

}

资料拓展:

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

如下代码可以实现:

<span id="sp1">显示和隐藏</span>

<div>

<input type="button" onclick="Cmd(1)" value="隐藏" />

<input type="button" onclick="Cmd(2)" value="显示" />

</div>

<script>

function Cmd(v){

var sp = document.getElementById("sp1")

if(v==1)

sp.style.display = "none"

else

sp.style.display = ""

}

</script>