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 相关文章推荐
JS实现标签页效果(配合css)
Apr 03 Javascript
jQuery中对节点进行操作的相关介绍
Apr 16 Javascript
三种检测iPhone/iPad设备方向的方法
Apr 23 Javascript
DOM基础教程之模型中的模型节点
Jan 19 Javascript
javascript操作select元素实例分析
Mar 27 Javascript
JQuery插入DOM节点的方法
Jun 11 Javascript
jQuery EasyUI Dialog拖不下来如何解决
Sep 28 Javascript
探析浏览器执行JavaScript脚本加载与代码执行顺序
Jan 12 Javascript
基于JavaScript实现数码时钟效果
Mar 30 Javascript
对于input 框限定输入值为浮点型的js代码
Sep 25 Javascript
面包屑导航详解
Dec 07 Javascript
JavaScript实用代码小技巧
Aug 23 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
php采集时被封ip的解决方法
2010/08/29 PHP
php实现阿拉伯数字和罗马数字相互转换的方法
2015/04/17 PHP
学习php设计模式 php实现状态模式
2015/12/07 PHP
PHP支付宝当面付2.0代码
2018/12/21 PHP
Thinkphp5.0框架的Db操作实例分析【连接、增删改查、链式操作等】
2019/10/11 PHP
JS弹出对话框返回值代码(asp.net后台)
2010/12/28 Javascript
jQuery 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
2013/04/26 Javascript
JQuery伸缩导航练习示例
2013/11/13 Javascript
使用jquery实现IE下按backspace相当于返回操作
2014/03/18 Javascript
JavaScript实现函数返回多个值的方法
2015/06/09 Javascript
jquery trigger实现联动的方法
2016/02/29 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
2016/10/26 Javascript
微信小程序开发实战教程之手势解锁
2016/11/18 Javascript
Vue异步组件使用详解
2017/04/08 Javascript
JS简单实现数组去重的方法分析
2017/10/14 Javascript
Vue + Elementui实现多标签页共存的方法
2019/06/12 Javascript
js实现复制粘贴的两种方法
2020/12/04 Javascript
[41:52]DOTA2-DPC中国联赛 正赛 CDEC vs Dynasty BO3 第二场 2月22日
2021/03/11 DOTA
python sys模块sys.path使用方法示例
2013/12/04 Python
解决windows下Sublime Text 2 运行 PyQt 不显示的方法分享
2014/06/18 Python
利用Python生成文件md5校验值函数的方法
2017/01/10 Python
使用 Python 实现微信公众号粉丝迁移流程
2018/01/03 Python
python处理csv数据动态显示曲线实例代码
2018/01/23 Python
TensorFlow 显存使用机制详解
2020/02/03 Python
python 实现数据库中数据添加、查询与更新的示例代码
2020/12/07 Python
python爬虫beautifulsoup库使用操作教程全解(python爬虫基础入门)
2021/02/19 Python
HEMA法国:荷兰原创设计
2019/02/21 全球购物
入党自我鉴定范文
2013/10/04 职场文书
优秀求职信范文分享
2013/12/19 职场文书
初中生自我评价
2014/02/01 职场文书
座谈会主持词
2014/03/20 职场文书
幼儿园中班评语大全
2014/04/17 职场文书
关于长城的导游词
2015/01/30 职场文书
结婚仪式主持词
2015/06/29 职场文书
如何书写公司员工保密协议?
2019/06/27 职场文书
总结Python常用的魔法方法
2021/05/25 Python