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 设计模式之单体模式 面向对象学习基础
Apr 18 Javascript
网页前台通过js非法字符过滤代码(骂人的话等等)
May 26 Javascript
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
Jan 09 Javascript
node.js中的events.EventEmitter.listenerCount方法使用说明
Dec 08 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
Mar 31 Javascript
Bootstrap精简教程
Nov 27 Javascript
javascript图片延迟加载实现方法及思路
Dec 31 Javascript
概述javascript在Google IE中的调试技巧
Nov 24 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
尝试自己动手用react来写一个分页组件(小结)
Feb 09 Javascript
微信小程序修改swiper默认指示器样式的实例代码
Jul 18 Javascript
webpack开发环境和生产环境的深入理解
Nov 08 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
百事可乐也出咖啡了 双倍咖啡因双倍快乐
2021/03/03 咖啡文化
在PHP中操作Excel实例代码
2010/04/29 PHP
如何让搜索引擎抓取AJAX内容解决方案
2014/08/25 PHP
javascript js cookie的存储,获取和删除
2007/12/29 Javascript
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2010/02/04 Javascript
Javascript Jquery 遍历Json的实现代码
2010/03/31 Javascript
简单实用的全选反选按钮例子
2013/10/18 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
2015/02/17 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
2016/05/27 Javascript
浏览器调试动态js脚本的方法(图解)
2018/01/19 Javascript
jQuery简单判断值是否存在于数组中的方法示例
2018/04/17 jQuery
Vue项目pdf(base64)转图片遇到的问题及解决方法
2018/10/19 Javascript
使用vue实现各类弹出框组件
2019/07/03 Javascript
微信小程序获取地理位置及经纬度授权代码实例
2019/09/18 Javascript
原生JS实现弹幕效果的简单操作指南
2020/11/10 Javascript
javascript实现数字时钟效果
2021/02/06 Javascript
Python基于最小二乘法实现曲线拟合示例
2018/06/14 Python
解决python 无法加载downsample模型的问题
2018/10/25 Python
django模板加载静态文件的方法步骤
2019/03/01 Python
​如何愉快地迁移到 Python 3
2019/04/28 Python
python 实现返回一个列表中出现次数最多的元素方法
2019/06/11 Python
python反编译教程之2048小游戏实例
2021/03/03 Python
马德里竞技官方网上商店:Atletico Madrid Shop
2019/03/31 全球购物
日本动漫周边服饰销售网站:Atsuko
2019/12/16 全球购物
法学专业应届生求职信
2013/10/16 职场文书
什么样的创业计划书可行性高?
2014/02/01 职场文书
《王二小》教学反思
2014/02/27 职场文书
《登鹳雀楼》教学反思
2014/04/09 职场文书
公司董事长岗位职责
2014/06/08 职场文书
建筑工地大门标语
2014/06/18 职场文书
2014年高中生自我评价范文
2014/09/26 职场文书
党员检讨书
2014/10/13 职场文书
学校党支部公开承诺书
2015/04/30 职场文书
小学大队委竞选口号
2015/12/25 职场文书
2016年基层党组织创先争优承诺书
2016/03/25 职场文书
html+css实现滚动到元素位置显示加载动画效果
2021/08/02 HTML / CSS