三目运算符案例
来源:互联网 发布:linux fdisk分区教程 编辑:程序博客网 时间:2024/05/24 06:33
<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<title> </title>
<script>
function toggle(){
//找到id为d1的div
//条件:如果d1的display属性为none
//操作1,设置d1的display为block
//操作2,设置d1的display为none
//var div=document.getElementById("d1");
//console.log(div);//打桩:在程序的关键位置输出变量值,控制台
/***console.log(d1);
d1.style.display=="none"?
(d1.style.display="block"):
(d1.style.display="none");**/
d1.style.display=
d1.style.display=="none"?"block":"none";
}
</script>
</head>
<body>
<div id="d1" style="width:50px;height:50px;background-color:red;"></div>
<button onclick="toggle()">toggle</button>
</body>
</html>
<head>
<meta charset="utf-8"/>
<title> </title>
<script>
function toggle(){
//找到id为d1的div
//条件:如果d1的display属性为none
//操作1,设置d1的display为block
//操作2,设置d1的display为none
//var div=document.getElementById("d1");
//console.log(div);//打桩:在程序的关键位置输出变量值,控制台
/***console.log(d1);
d1.style.display=="none"?
(d1.style.display="block"):
(d1.style.display="none");**/
d1.style.display=
d1.style.display=="none"?"block":"none";
}
</script>
</head>
<body>
<div id="d1" style="width:50px;height:50px;background-color:red;"></div>
<button onclick="toggle()">toggle</button>
</body>
</html>
0 0
- 三目运算符案例
- 三目运算及数据类型转换经典案例
- 三目运算符
- 三目运算符
- 三目运算符
- 三目运算符
- 三目运算符
- 三目运算符
- ******************** 三目运算符 ********************
- 三目运算符
- 三目运算符?:
- 三目运算符
- 三目运算符
- 三目运算符:
- 三目运算符
- 三目运算符
- 三目运算符
- 三目运算符
- TCP的可靠性
- fragment嵌套时遇到的两大坑
- 用短路逻辑实现求最大值
- php任意进制转换base_convert()
- [ERROR] XML Parser Error on line 11: 注释中不允许出现字符串 "--"
- 三目运算符案例
- python HTMLParser 库 笔记
- 博弈论知识汇总(算法)
- 离职中的这段时间,我在做的事情
- 可自动弹出刷新的SwipeRefreshLayout
- 计算可莱托
- Android中的ImageView的设置
- PAT (Advanced Level) Practise 1014 Waiting in Line (30)
- Ceph中文手册