DOM基础教程之使用DOM + Css


Posted in Javascript onJanuary 20, 2015

1.使用getElementsByTagName修改class类别或者追加类别

<ul class="name1" onclick="clickz()">

    <p>第一个</p>

    <p>第一个</p>

    <p>第一个</p>

    <p>第一个</p>

</ul>

<script type="text/javascript">

    function clickz(){

    var ulo = document.getElementsByTagName("ul")[0];

    ulo.className = "name2";//修改              <br>    //ulo.className += " name2"; //为追加类别

} </script>
Javascript 相关文章推荐
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中
Apr 20 Javascript
面向对象的Javascript之一(初识Javascript)
Jan 20 Javascript
php和js对数据库图片进行等比缩放示例
Apr 28 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
Oct 17 Javascript
JavaScript基础函数整理汇总
Jan 30 Javascript
js获得当前系统日期时间的方法
May 06 Javascript
js判断子窗体是否关闭的方法
Aug 11 Javascript
简单实现限制uploadify上传个数
Nov 16 Javascript
修改Jquery Dialog 位置的实现方法
Aug 26 Javascript
JavaScript BASE64算法实现(完美解决中文乱码)
Jan 10 Javascript
Layui数据表格之获取表格中所有的数据方法
Aug 20 Javascript
用node开发并发布一个cli工具的方法步骤
Jan 03 Javascript
jquery+ajax实现跨域请求的方法
Jan 20 #Javascript
嵌入式iframe子页面与父页面js通信的方法
Jan 20 #Javascript
javascript浏览器窗口之间传递数据的方法
Jan 20 #Javascript
用队列模拟jquery的动画算法实例
Jan 20 #Javascript
jQuery 处理页面的事件详解
Jan 20 #Javascript
DOM 事件流详解
Jan 20 #Javascript
jQuery链使用指南
Jan 20 #Javascript
You might like
Win7 64位系统下PHP连接Oracle数据库
2014/08/20 PHP
PHP获取文件夹大小函数用法实例
2015/07/01 PHP
PHP可变变量学习小结
2015/11/29 PHP
深入浅析php中sprintf与printf函数的用法及区别
2016/01/08 PHP
PHP通过CURL实现定时任务的图片抓取功能示例
2016/10/03 PHP
PHP版微信小店接口开发实例
2016/11/12 PHP
PHP环境搭建(php+Apache+mysql)
2016/11/14 PHP
javascript options属性集合操作代码
2009/12/28 Javascript
jqgrid 编辑添加功能详细解析
2013/11/08 Javascript
javascript中验证大写字母、数字和中文
2014/01/15 Javascript
js 实现的可折叠留言板(附源码下载)
2014/07/01 Javascript
AngularJS HTML编译器介绍
2014/12/06 Javascript
JavaScript实现点击按钮切换网页背景色的方法
2015/10/17 Javascript
Vue中添加手机验证码组件功能操作方法
2017/12/07 Javascript
详解基于Vue cli生成的Vue项目的webpack4升级
2018/06/19 Javascript
使用 node.js 模仿 Apache 小部分功能
2019/07/07 Javascript
vue实现滑动到底部加载更多效果
2020/10/27 Javascript
JS window对象简单操作完整示例
2020/01/14 Javascript
javascript实现支付宝滑块验证码效果
2020/07/24 Javascript
Python strip lstrip rstrip使用方法
2008/09/06 Python
python去除文件中空格、Tab及回车的方法
2016/04/12 Python
python实现可变变量名方法详解
2019/07/01 Python
简单了解python PEP的一些知识
2019/07/13 Python
Python发送邮件的实例代码讲解
2019/10/16 Python
关于Python-faker的函数效果一览
2019/11/28 Python
Python-jenkins 获取job构建信息方式
2020/05/12 Python
Numpy中np.random.rand()和np.random.randn() 用法和区别详解
2020/10/23 Python
HTML5 b和i标记将被赋予真正的语义
2009/07/16 HTML / CSS
新西兰Bookabach:查找全球度假屋
2020/12/03 全球购物
校领导推荐信
2013/11/01 职场文书
青年创业培训欢迎词
2014/01/08 职场文书
劳动仲裁调解书
2015/05/20 职场文书
《云雀的心愿》教学反思
2016/02/23 职场文书
Win11 Build 21996.1 Dev版怎么样? win11系统截图欣赏
2021/11/21 数码科技
《地。-关于地球的运动-》单行本第七集上市,小说家朝井辽献上期待又害怕的推荐文
2022/03/31 日漫
Golang map映射的用法
2022/04/22 Golang