【DOM 的classList 属性】的更多相关文章

DOM 的classList 属性

1.添加1个或多个class add(class1, class2, ...) 2.移除class remove(class1, class2, ...) 3.判断指定的类名是否存在 contains(class)true - 元素包已经包含了该类名false - 元素中不存在该类名 4.在元素中切换类名. toggle(class, true|false)第一个参数为要在元素中移除的类名,并返回 false.如果该类名不存在则会在元素中添加类名,并返回 true. 第二个是可选参数,是个布尔值…

脚本化CSS类-HTML5 classList属性

HTML元素可以有多个CSS类名,class属性保存了一个用空格隔开的类名列表.标识符class在JavaScript中是保留字,所以在JavaScript中可以用className. //如下代码设置和清除元素的className属性来为元素添加或移除attention类 function grabAttention(e){e.className="attention";} function releaseAttention(e){e.className="";}…

HTML5实战与剖析之classList属性

classList属性究竟是干什么的,我们先撇下classList不管.我们考虑这么一个问题,那就是我们如何将拥有多个类名的元素中的其中一个类名删除呢?梦龙较劲脑汁儿终于想到一个实现的方法.将拥有类名li.meng和long,三个类名中的类名meng删除.代码如下 HTML代码 1.<div class="li meng long">梦龙小站</div> JavaScript代码 01.//获取要删除类名meng的div  02.var div = docume…

classList属性详解

之前我们要操作一个DOM元素的class属性,需要对这个DOM的class进行繁琐的循环判断,而现在HTML5为每个元素定义了classLlist属性,用于在元素中添加,移除及切换 CSS 类.该属性是 DOMTokenList 对象(一个只读的类数组对象),你可以通过DOMTokenList定义的方法对其进行修改. 支持classList属性的浏览器版本: 语法:element.classList 方法: add(class1, class2, ...): 在元素中添加一个或多个类名, 如果指…

html元素是否包含另外一个元素，以及classList属性

如何判断一个元素A包含了元素B呢?如果不用contains方法的话,如何做呢? 腾讯面试的时候也出了这道题啊,当时没看dom的知识,所以一抹黑哦... 那就判断B是否为A的child喽,那也就是A是B的parent或者parent.parent或者parentNode.parentNode.parentNode.... 所以就这样向上遍历一下B的父亲节点,看A是不是在这个父节点链上.代码如下: function isAContainsB(B,A){ var node = B.parnetNode…

html标签属性（attribute）和dom元素的属性（property）

简介 attribute和property都有属性之意,但对于attribute和property的区分其实并不难.从对象来说,attribute是html文档上标签属性, 而property则是对应dom元素的自身属性.从操作方法上来看,attribute可以通过dom core规范的接口 getAttribute和setAttribute 进行获取修改,而property可以通过对象访问属性的方式 . 或者 ["  "]来修改获取. 但是对于ie6,7,8(Q)模式下,会与标准w3…

HTML DOM对象的属性和方法

HTML DOM对象的属性和方法 HTML DOM 对象有几种类型: 1.Document 类型 在浏览器中,Document 对象表示整个 HTML 文档. 1.1属性 引用文档的子节点 documentElement var html = document.documentElement; //取得对<html>元素的引用 body var body = document.body; //取得对<body>元素的引用 获取文档信息 title 通过 title 属性可以访问当前…

HTML DOM 的nodeType属性

在HTML DOM中每一部分都是节点: HTML元素是元素节点 HTML中属性是属性节点 文本是文本节点 注释是注释节点 这时我们要给它区分开我们就可以使用HTML DOM的nodeType属性 nodetype属性值把这些节点区分开: (参考w3school)…

js 获取DOM的style属性

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>计算元素样式</title>…

DOM常用的属性和方法

之前一直傻傻分不清DOM和JavaScript究竟有什么区别,随着相关工作时间的增长,开始逐渐区分DOM和JavaScript了,最近,也一直在复习有关DOM方面的知识,<JavaScript DOM编程艺术>,就是他了,也看了好几遍了,做一点阶段性的总结吧!由于完全是基础知识,也就完全总结基础知识相关的吧! DOM选取元素: document.getElementById      通过id选取元素 document.getELmentsByTagName   通过标签名选取元素 docum…