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几个不错的函数 $$()
Oct 09 Javascript
Javascript &amp; DHTML 实例编程(教程)DOM基础和基本API
Jun 02 Javascript
Javascript 通过json自动生成Dom的代码
Apr 01 Javascript
javascript URL编码和解码使用说明
Apr 12 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
Dec 27 Javascript
jQuery中even选择器的定义和用法
Dec 23 Javascript
基于jQuery实现音乐播放试听列表
Apr 14 Javascript
JS实现仿微信支付弹窗功能
Jun 25 Javascript
ES6中let 和 const 的新特性
Sep 03 Javascript
微信小程序API—获取定位的详解
Apr 30 Javascript
JavaScript浅层克隆与深度克隆示例详解
Sep 01 Javascript
vue如何在data中引入图片的正确路径
Jun 05 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
ZF等常用php框架中存在的问题
2008/01/10 PHP
PHP引用符&amp;的用法详细解析
2013/08/22 PHP
php判断是否为json格式的方法
2014/03/04 PHP
PHP+jquery+CSS制作头像登录窗(仿QQ登陆)
2016/10/20 PHP
js技巧--转义符&quot;\&quot;的妙用
2007/01/09 Javascript
高性能web开发 如何加载JS,JS应该放在什么位置?
2010/05/14 Javascript
Javascript拓展String方法小结
2013/07/08 Javascript
JQuery右键菜单插件ContextMenu使用指南
2014/12/19 Javascript
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
2015/11/03 Javascript
灵活使用数组制作图片切换js实现
2016/07/28 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
2017/05/18 Javascript
JavaScrpt中如何使用 cookie 设置查看与删除功能
2017/07/09 Javascript
使用Vue.js 和Chart.js制作绚丽多彩的图表
2019/06/15 Javascript
Vue之Mixins(混入)的使用方法
2019/09/24 Javascript
返回上一个url并刷新界面的js代码
2020/09/12 Javascript
Python深入学习之闭包
2014/08/31 Python
python面向对象多线程爬虫爬取搜狐页面的实例代码
2018/05/31 Python
Python Datetime模块和Calendar模块用法实例分析
2019/04/15 Python
python向字符串中添加元素的实例方法
2019/06/28 Python
Python爬虫使用代理IP的实现
2019/10/27 Python
python中dict()的高级用法实现
2019/11/13 Python
Python 模拟动态产生字母验证码图片功能
2019/12/24 Python
Python实现Appium端口检测与释放的实现
2020/12/31 Python
css3 中translate和transition的使用方法
2020/03/26 HTML / CSS
HTML5之语义标签介绍
2016/07/07 HTML / CSS
俄罗斯电动工具和设备购物网站:Vseinstrumenti.ru
2020/11/12 全球购物
物业电工岗位职责
2013/11/20 职场文书
新员工试用期自我鉴定
2014/04/17 职场文书
工作求职信
2014/07/04 职场文书
论文致谢词范文
2015/05/14 职场文书
律师函格式范本
2015/05/27 职场文书
农村婚礼司仪主持词
2015/06/29 职场文书
Python Numpy之linspace用法说明
2021/04/17 Python
python 如何执行控制台命令与操作剪切板
2021/05/20 Python
pandas中DataFrame检测重复值的实现
2021/05/26 Python
天谕手游15杯全调酒配方和调酒券的获得方式
2022/04/06 其他游戏