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第一课
Feb 27 Javascript
JavaScript格式化数字的函数代码
Nov 30 Javascript
jquery ajax请求实例深入解析
Nov 26 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
Jun 10 Javascript
javascript HTML+CSS实现经典橙色导航菜单
Feb 16 Javascript
JavaScript——DOM操作——Window.document对象详解
Jul 14 Javascript
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
Jun 09 jQuery
js移动端事件基础及常用事件库详解
Aug 15 Javascript
Angular4的输入属性与输出属性实例详解
Nov 29 Javascript
深入浅析vue组件间事件传递
Dec 29 Javascript
openlayers实现地图测距测面
Sep 25 Javascript
vue使用echarts实现折线图
Mar 21 Vue.js
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
Home Coffee Roasting
2021/03/03 咖啡文化
php抓取https的内容的代码
2010/04/06 PHP
PHP文件上传原理简单分析
2011/05/29 PHP
php中filter函数验证、过滤用户输入的数据
2014/01/13 PHP
PHP学习笔记(三):数据类型转换与常量介绍
2015/04/17 PHP
详解php用static方法的原因
2018/09/12 PHP
YII框架模块化处理操作示例
2019/04/26 PHP
Javascript 强制类型转换函数
2009/05/17 Javascript
js 匿名调用实现代码
2009/06/19 Javascript
网页自动跳转代码收集
2009/09/27 Javascript
JS 遮照层实现代码
2010/03/31 Javascript
写给想学习Javascript的朋友一点学习经验小结
2010/11/23 Javascript
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
2013/03/25 Javascript
深入剖析JavaScript:Object类型
2016/05/10 Javascript
Bootstrap面板使用方法
2017/01/16 Javascript
原生JS实现简单放大镜效果
2017/02/08 Javascript
AngularJS常见过滤器用法实例总结
2017/07/06 Javascript
H5实现仿flash效果的实现代码
2017/09/29 Javascript
对vue里函数的调用顺序介绍
2018/03/17 Javascript
node.js学习笔记之koa框架和简单爬虫练习
2018/12/13 Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
2019/03/28 jQuery
js中比较两个对象是否相同的方法示例
2019/09/02 Javascript
jQuery 图片查看器插件 Viewer.js用法简单示例
2020/04/04 jQuery
[58:25]VP vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python计算三角函数之asin()方法的使用
2015/05/15 Python
Python简单删除列表中相同元素的方法示例
2017/06/12 Python
Python字典循环添加一键多值的用法实例
2019/01/20 Python
python实现Dijkstra算法的最短路径问题
2019/06/21 Python
python连接PostgreSQL数据库的过程详解
2019/09/18 Python
numpy 声明空数组详解
2019/12/05 Python
解决python-docx打包之后找不到default.docx的问题
2020/02/13 Python
jupyter notebook 恢复误删单元格或者历史代码的实现
2020/04/17 Python
竞选班长的演讲稿
2014/04/24 职场文书
2014年办公室个人工作总结
2014/11/12 职场文书
小学三八妇女节活动总结
2015/02/06 职场文书
Vue.js中v-bind指令的用法介绍
2022/03/13 Vue.js