第十一章 属性设置或返回元素的class 属性
来源:互联网 发布:中国进攻日本知乎 编辑:程序博客网 时间:2024/05/20 17:27
语法:
object.className = classname
作用:
1.获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>className属性</title>
<style>
body{ font-size:16px;}
.one{
border:1px solid #eee;
width:230px;
height:50px;
background:#ccc;
color:red;
}
.two{
border:1px solid #ccc;
width:230px;
height:50px;
background:#9CF;
color:blue;
}
</style>
</head>
<body>
<p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<input type="button" value="添加样式" onclick="add()"/>
<p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<input type="button" value="更改外观" onclick="modify()"/>
<script type="text/javascript">
function add(){
var p1 = document.getElementById("p1");
p1.className = "one";
}
function modify(){
var p2 = document.getElementById("p2");
p2.className = "two";
}
</script>
</body>
</html>
- 第十一章 属性设置或返回元素的class 属性
- 设置元素的属性
- 设置元素的属性
- 设置class属性的值
- jquery中attr属性设置每一个匹配元素的一个或多个属性
- 设置或取得元素的CSS class
- 设置元素disabled属性
- jQuery改变元素class属性
- 元素class属性中的空格
- 设置firefox元素的style.left属性
- 设置元素的属性attr 和setAttribute
- 设置元素的属性(二)
- 设置元素的CSS样式属性
- 常用的属性操作(返回、设置)
- 查询或设置文件的属性
- ionic 设置标题或菜单栏的属性
- 使用CLASS属性或CSSCLASS属性来定义文本或控件显示的样式表
- JavaScript给相同class属性的元素添加背景颜色
- 插入数据库中文乱码问题
- 把只有框架的立体图添加面
- mysql load data infile的使用
- eclipse部署web项目至本地的tomcat但在webapps中找不到
- 字符串处理----String
- 第十一章 属性设置或返回元素的class 属性
- Silverlight/WPF数据绑定oneTime,oneWay,twoWay
- Xshell输入enter全屏的问题解决
- 监控键盘状态
- Java文件路径
- 深入解析浏览器的幕后工作原理
- 在Ubuntu 64位机器上执行arm-linux-gcc命令提示无法加载库,no such file or directory
- 发邮件自动回复本机IP——python版本
- vs2010 c#+GDAL (64位)编译配置