JavaScript11 classname属性
来源:互联网 发布:rw125k读卡器驱动软件 编辑:程序博客网 时间:2024/06/05 04:45
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.d1{
display: none;
}
.show{
width: 200px;
height: 100px;
background: gold;
display: block;
}
</style>
</head>
<body>
<button id="btn">显示/隐藏</button>
<div class="d1"></div>
<script type="text/javascript">
/*class 是保留字.保留字不能直接使用,所以添加class类名属性
* 使用className来表示
*
*/
var btn=document.getElementById("btn");
var div1=document.getElementsByTagName("div")[0];
//通过className设置元素的类名 让元素加载对应类名的选择器里的样式
var isHide=true;
btn.onclick=function(){
if(isHide){
div1.className="show";
}else{
div1.className="d1";
}
isHide=!isHide;
};
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.d1{
display: none;
}
.show{
width: 200px;
height: 100px;
background: gold;
display: block;
}
</style>
</head>
<body>
<button id="btn">显示/隐藏</button>
<div class="d1"></div>
<script type="text/javascript">
/*class 是保留字.保留字不能直接使用,所以添加class类名属性
* 使用className来表示
*
*/
var btn=document.getElementById("btn");
var div1=document.getElementsByTagName("div")[0];
//通过className设置元素的类名 让元素加载对应类名的选择器里的样式
var isHide=true;
btn.onclick=function(){
if(isHide){
div1.className="show";
}else{
div1.className="d1";
}
isHide=!isHide;
};
</script>
</body>
</html>
阅读全文
0 0
- JavaScript11 classname属性
- 14. Element className 属性
- JavaScript—className 属性
- 2014-8-29 className属性
- className ~
- 控制类名(className 属性)
- H5基础知识第十一课时(className属性)
- JavaScript11 切换效果总结
- marionette中的View的el id className tagName 属性
- javascript11位手机号码正则表达式
- 由浅入深JavaScript11进阶-事件1
- JavaScript11种刷新的方法
- 无法设置属性“className”的值: 对象为 null 或未定义??
- 动态添加类和元素样式属性(style and className)
- 使用js改变DOM样式的三种方式 - className属性
- 前端实践--JavaScript--控制类名(className 属性)+改变样式
- JS基础第10课:控制类名(className 属性)
- 通过className属性给一个元素追加新class(addClass函数)
- linux的常见指令
- 用数学方法解约瑟夫环
- 装箱拆箱操作
- 从直播CDN的原理说起,谈如何解决延时和连麦的老难题
- JAVA控制语句
- JavaScript11 classname属性
- 习题6.5
- HDU 1005Number Sequence(循环节)
- 360TM个无耻大流氓
- 深度优先搜索--算法(踩方格openjudge 4103)
- 6.16
- switch break语句
- 数据库学习记录
- 【最大独立集】HDU