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对象的支持
Jul 25 Javascript
两种常用的javascript数组去重方法思路及代码
Mar 26 Javascript
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
Jun 24 Javascript
AngularJS中的Directive自定义一个表格
Jan 25 Javascript
Bootstrap3学习笔记(三)之表格
May 20 Javascript
JS拉起或下载app的实现代码
Feb 22 Javascript
js获取隐藏元素的宽高
Feb 24 Javascript
如何选择适合你的JavaScript框架
Nov 20 Javascript
如何从零开始利用js手写一个Promise库详解
Apr 19 Javascript
jQuery实现图片上传预览效果功能完整实例【测试可用】
May 28 jQuery
小程序实现按下录音松开识别语音
Nov 22 Javascript
react使用CSS实现react动画功能示例
May 18 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 服务器配置(使用Apache及IIS两种方法)
2009/06/01 PHP
使用Composer安装Yii框架的方法
2016/03/15 PHP
php实现贪吃蛇小游戏
2016/07/26 PHP
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
2008/08/14 Javascript
理解Javascript_11_constructor实现原理
2010/10/18 Javascript
电子商务网站上的常用的js放大镜效果
2011/12/08 Javascript
Flexigrid在IE下不显示数据的有效处理方法
2014/09/04 Javascript
jQuery中triggerHandler()方法用法实例
2015/01/19 Javascript
javascript格式化json显示实例分析
2015/04/21 Javascript
javascript中in运算符用法分析
2015/04/28 Javascript
JavaScript实现打开链接页面的方式汇总
2016/06/02 Javascript
不间断循环滚动效果的实例代码(必看篇)
2016/10/08 Javascript
vue-cli webpack 引入jquery的方法
2018/01/10 jQuery
Webpack 4.x搭建react开发环境的方法步骤
2018/08/15 Javascript
JS实现马赛克图片效果完整示例
2019/04/13 Javascript
vue中利用simplemde实现markdown编辑器(增加图片上传功能)
2019/04/29 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
2019/10/11 Javascript
JQuery中DOM节点的操作与访问方法实例分析
2019/12/23 jQuery
基于vue和bootstrap实现简单留言板功能
2020/05/30 Javascript
python实现按行切分文本文件的方法
2016/04/18 Python
Python基于lxml模块解析html获取页面内所有叶子节点xpath路径功能示例
2018/05/16 Python
python之拟合的实现
2019/07/19 Python
Python Web框架之Django框架Model基础详解
2019/08/16 Python
Python爬虫库BeautifulSoup获取对象(标签)名,属性,内容,注释
2020/01/25 Python
详解CSS3中字体平滑处理和抗锯齿渲染
2017/03/29 HTML / CSS
YOINS官网:时尚女装网上购物
2017/03/17 全球购物
会计专业应届生求职信
2013/11/24 职场文书
我的大学生活职业生涯规划
2014/01/02 职场文书
幼儿园新学期寄语
2014/01/18 职场文书
财务人员的自我评价范文
2014/03/03 职场文书
小学生期末评语
2014/04/21 职场文书
2014第二批党员干部对照“四风”找差距检查材料思想汇报
2014/09/18 职场文书
2014年安全生产工作总结
2014/11/13 职场文书
煤矿隐患排查制度
2015/08/05 职场文书
分享一个vue实现的记事本功能案例
2022/04/11 Vue.js
CSS元素定位之通过元素的标签或者元素的id、class属性定位详解
2022/09/23 HTML / CSS