语法:object.className =classname   (注意大小写)

作用:获取元素的class属性,为网页内的某个元素指定一个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" > 使网页显示动态效果</p>
<input type="button" value="添加样式" οnclick="add()"/>
<p id="p2" class="one">实现与用户交互功能</p>
<input type="button" value="更改外观" οnclick="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>

转载于:https://www.cnblogs.com/Crystalling/p/6171401.html

JavaScript控制类名(className属性)相关推荐

  1. 非常全的javascript控制MediaPlayer的属性集合

    播放: MediaPlayer.Play() 暂停: MediaPlayer.Pause() 定位: MediaPlayer.SetCurrentEntry(lWhichEntry) MediaPla ...

  2. 非常全的javascript控制MediaPlayer的属性集合与realplayer对象使用

    以下是MediaPlayer 发现了1ting的代码,歌词同步代码,真不错,把基础控制,整理下以后想好好弄下 播放: MediaPlayer.Play() 暂停: MediaPlayer.Pause( ...

  3. javascript 之 className属性

    Javascript 可以通过className 属性灵活的更改一个标签元素的CSS 类选择器来实现样式的变化. 1.用className 属性修改节点的css类别 代码如下: 1 <html& ...

  4. JavaScript控制input输入框的required属性值

    JavaScript控制input输入框的required属性值 当我们在勾选上一个复选框之后,希望该选项的输入框成为必填项时,那么将会用到required这个属性 在HTML中,required为属 ...

  5. html控制浏览器全屏,JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件_javascript技巧...

    HTML 5中的full screen,目前可以在除IE和opera外的浏览器中使用 ,有的时候用来做全屏API,游戏呀,等都很有用.先看常见的API element.requestFullScree ...

  6. JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件

    项目中做过大屏展示功能,其中需求是需要全屏展示,正好HTML 5中的full screen满足需求,在此记录下. HTML 5中的full screen,目前可以在除IE和opera外的浏览器中使用 ...

  7. php html class,html中规定元素的类名的属性class

    实例 在 HTML 文档中使用 class 属性: h1.intro {color:blue;} p.important {color:green;} Header 1 A paragraph. No ...

  8. realplayer java,javascript控制realplayer对象使用

    javascript控制realplayer对象使用 更新时间:2006年11月25日 00:00:00   作者: //控制开始 REAL PLAYER控制 player.DoPlay() 播放 p ...

  9. 在网页中用javascript控制wmplayer播放器

    在网页中用javascript控制wmplayer播放器 http://msdn.microsoft.com/library/default.asp?url=/library/en-us/wmplay ...

  10. javascript控制台_使用JavaScript控制画布

    javascript控制台 您的指南 (YOUR GUIDE TO) Welcome readers from ◎ Your Guide to Coding Creativity on the Can ...

最新文章

  1. python3网络编程中semaphore用法_python3 进程信号量semaphore
  2. 11gR2 RAC GoldenGate的HA配置
  3. [已解决] java 增加 ALPN支持
  4. 地图上显示div点位
  5. 苏州大学计算机科学研究生,报录比最高专业TOP10!就离谱!
  6. 套接字初始化失败问题
  7. SQL数据库不用SQL语句能显示全表的内容_Sql性能优化看这一篇就够了
  8. 细说.NET中的多线程 (四 使用锁进行同步)
  9. 你不可不知的HTML优化技巧
  10. [Linux]Red Hat Linux 9.0环境下架设Web服务器[2]
  11. 厉害,96秒100亿,阿里双十一到底做了什么杠过亿级流量??
  12. 中国计算机协会a类,中国计算机学会推荐A类国际学术会议列表.DOC
  13. scau 18967 六一儿童节
  14. The Heads-Up Grid 让你的HTML页面具有辅助线网格功能
  15. 前端开发中遇到的困难汇总
  16. 2022年天津最新建筑八大员(电气)模拟考试题库及答案
  17. 一阶谓词与一元谓词的区别
  18. 计算机基础英语文档,最强计算机基础英语总结
  19. android愤怒小鸟游戏、自定义View、掌上餐厅App、OpenGL自定义气泡、抖音电影滤镜效果等源码
  20. 《趣学算法》Chapter 2 贪心算法

热门文章

  1. codeIgniter3 学习笔记四(文件上传)
  2. 全网首发:终极解决办法:/usr/bin/ld: libcc.so: no symbol version section for versioned symbol `memcpy@GLIBC_2.0‘
  3. MAC系统上,软件安装后的目录
  4. 总有被遗忘或者没有及时跟进的工作
  5. 运行可用:使用FreeType输出中文汉字点阵图形的源码
  6. 项目总结:初稿与定稿,方向相差180度
  7. 绝大多数程序员不会测试
  8. 市场经济下,一周休息2.5天难在落实
  9. python 获取进程id_使用python 获取进程pid号的方法
  10. element表格多列排序_Python,Numpy,Pandas…数据科学家必备排序技巧