码迷,mamicode.com
首页 > Web开发 > 详细

JS的无序列表显示与隐藏

时间:2019-12-29 18:19:20      阅读:272      评论:0      收藏:0      [点我收藏+]

标签:lse   document   pre   set   上海   inf   title   asc   one   

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS显示与隐藏</title>
</head>
<body>
<script type="text/javascript">
var hidden=true;
function displayOrHidden() {
var cityOfChina=document.getElementById("cityOfChina");
if(hidden){
cityOfChina.style.display="block";
hidden=false;
}else {
cityOfChina.style.display="none";
hidden=true;
}
}
</script>
<div id="myDiv">
<ul>
<li><a onclick="displayOrHidden()">中国</a>
<ul id="cityOfChina">
<li>北京</li>
<li>上海</li>
<li>天津</li>
</ul>
</li>
<li>美国</li>
<li>日本</li>
</ul>
</div>
</body>
</html>


技术图片

JS的无序列表显示与隐藏

标签:lse   document   pre   set   上海   inf   title   asc   one   

原文地址:https://www.cnblogs.com/god1/p/12115601.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!