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在IE和FF下的兼容性问题
May 19 Javascript
JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)
Sep 24 Javascript
JavaScript中使用数组方法汇总
Feb 16 Javascript
jquery判断input值不为空的方法
Jun 05 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
Jan 05 Javascript
基于JavaScript实现移动端无限加载分页
Mar 27 Javascript
Js利用console计算代码运行时间的方法示例
Sep 24 Javascript
Vue 父子组件的数据传递、修改和更新方法
Mar 01 Javascript
Vue-cli3项目配置Vue.config.js实战记录
Jul 29 Javascript
详解关于vue2.0工程发布上线操作步骤
Sep 27 Javascript
flexible.js实现移动端rem适配方案
Apr 07 Javascript
JavaScript实现商品评价五星好评
Nov 30 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
discuz Passport 通行证 整合笔记
2008/06/30 PHP
PHP 采集程序中常用的函数
2009/12/09 PHP
ThinkPHP3.1新特性之对分组支持的改进与完善概述
2014/06/19 PHP
PHP把MSSQL数据导入到MYSQL的方法
2014/12/27 PHP
PHP中error_reporting函数用法详细介绍
2017/06/11 PHP
基于Jquery的动态添加控件并取值的实现代码
2010/09/24 Javascript
stream.js 一个很小、完全独立的Javascript类库
2011/10/28 Javascript
Jquery中的层次选择器与find()的区别示例介绍
2014/02/20 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
2014/06/20 Javascript
Nodejs全栈框架StrongLoop推荐
2014/11/09 NodeJs
老生常谈的跨域处理
2017/01/11 Javascript
基于vue.js轮播组件vue-awesome-swiper实现轮播图
2017/03/17 Javascript
JS给按钮添加跳转功能类似a标签
2017/05/30 Javascript
基于AngularJS实现表单验证功能
2017/07/28 Javascript
利用jQuery实现简单的拖曳效果实例代码
2017/10/20 jQuery
JS+HTML5 Canvas实现简单的写字板功能示例
2018/08/30 Javascript
JS数组实现分类统计实例代码
2018/09/30 Javascript
如何在wxml中直接写js代码(wxs)
2019/11/14 Javascript
封装 axios+promise通用请求函数操作
2020/08/11 Javascript
vant 中van-list的用法说明
2020/11/11 Javascript
Python中实现对Timestamp和Datetime及UTC时间之间的转换
2015/04/08 Python
python 写入csv乱码问题解决方法
2016/10/23 Python
使用python中的in ,not in来检查元素是不是在列表中的方法
2018/07/06 Python
Python3之字节串bytes与字节数组bytearray的使用详解
2019/08/27 Python
Python 元组拆包示例(Tuple Unpacking)
2019/12/24 Python
详解python内置常用高阶函数(列出了5个常用的)
2020/02/21 Python
Python可变对象与不可变对象原理解析
2020/02/25 Python
jupyter notebook中新建cell的方法与快捷键操作
2020/04/22 Python
css3遮罩层镂空效果的多种实现方法
2020/05/11 HTML / CSS
医疗保健专业人士购物网站:Scrubs & Beyond
2017/02/08 全球购物
美国农场商店:Blain’s Farm & Fleet
2020/01/17 全球购物
高一化学教学反思
2014/02/05 职场文书
2014年社区计生工作总结
2014/11/18 职场文书
检讨书怎么写
2015/01/23 职场文书
2016年圣诞节寄语(一句话)
2015/12/07 职场文书
redis requires ruby version2.2.2的解决方案
2021/07/15 Redis