- 浏览: 2565673 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
api的应用场景是:给目标元素添加className
关于className的资料:http://zhangyaochun.iteye.com/blog/1456976
关于ZYC.dom.g请看这里:http://zhangyaochun.iteye.com/blog/1439262
简单描述:
如果需要一次调用添加多个class只需用空白符分割:如'red yellow black'
/* *addClass-add the className to the element* *@function* *@param {string||HTMLElement} element* *@param {string} className---it can add more than one className,split each other by whitespace* *@return {HTMLElement} element *@remark the className is legal or not * *you can reference in http://www.w3.org/TR/CSS2/syndata.html* */ ZYC.dom.addClass = function(element,className){ element = ZYC.dom.g(element); //must flow the rule ---split each other by whitespace(one or more) //and the whitespace do not just space(制表符或者换行符) var classArray =className.split(/\s+/), result = element.className, //element old className i =0, classMatch = " "+result+" ", //used to check if has then decide if add _length=classArray.length; for(;i<_length;i++){ if(classMatch.indexOf(" "+classArray[i]+" ") <0){ //if classArray[i] is new add it //and attention (result ? " ":"") if element old className is empty result += (result ? " ":"") + classArray[i]; } } element.className = result; return element; };
发表评论
-
scrollIntolView
2014-03-14 08:47 1051scrollIntoView: 滚动 ... -
动态创建style并写入
2013-08-06 11:35 0动态创建style标签,并写入内容: ... -
如何获取表格的所有行
2013-07-26 20:23 1419一般简单的思路都是按tagNam ... -
getAttributeNode
2013-06-17 15:30 1204getAttributenode ... -
HTML DOM Form对象
2013-06-08 12:23 1436前言: 本文来自w3c ... -
dom的contains
2013-06-06 16:00 1131contains ... -
mouseenter与mouseleave
2013-06-05 15:35 1438在IE中,鼠标移入移出某元素,触发: ... -
hasParent的设计
2013-05-03 18:07 1291场景: 判断指定的元素 ... -
mouseover与mouseenter的区别
2013-06-05 14:29 1595mouseover与mouseenter的区 ... -
getBoundingClientRect
2013-04-07 16:32 1487getBoundingClientRect ... -
getBoundingClientRect
2013-04-07 16:31 0getBoundingClientRect ... -
IE9下的onpropertychange的特殊之处
2013-03-27 19:04 2392场景: 在IE9下,在 ... -
DOM initEvent
2013-03-27 16:18 1704本文来自w3school:http://www ... -
创建对象的一种独特方式
2013-03-19 15:10 1234前言: 本文部分内容来自S ... -
DOM replaceChild()
2013-03-19 11:21 1467replaceChild() ... -
removeNode
2013-03-15 12:53 1284removeNode // ... -
document.activeElement
2013-01-22 09:57 5969document.activeElement ... -
IE下删除自定义属性的兼容性问题
2012-12-17 10:02 2816很多时候我们会给某个dom元素赋予一些自定义的属 ... -
dom的createTextNode
2012-12-14 16:35 1270createTextNode ----- 创建文本节 ... -
原生DOM获取元素相关的api
2012-12-10 14:19 1561整理一下底层获取元素相关的方法: getE ...
相关推荐
而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整形)。 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' ...
react-body-classname, 声明性嵌套状态化同构的body.className react-body-classname 提供在 React App 中指定 document.body.className的声明方式。 支持服务器端使用。内置的反应副作用。安装yarn add react-bo
var cm = require ( 'classname-manipulator' ) ; var props = { className : 'button' , theme : { action : true } } ; cm ( props ) ; // 'button button--action' 使用react和css-modules: 'use strict' ;...
Discord-ClassName-Datamine 类似于DJScias / Discord-Datamining,但用于具有类名的js文件
React类名允许使用指定 className 的纯字符串创建元素目的支持在没有 JSX 的情况下使用 React - 这是一个有趣的库的不幸污点。 使用此模块,您可以非常简洁地呈现只有className结构元素(比 JSX 更是如此)。安装 ...
添加id或class属性,对应选择器,为元素添加样式 2. addClass('className') 将className作为值添加到元素的class属性上 是可以连缀调用的 $('h1').addClass('c1').addClass('c2')... 3. ...
dom-add类将类添加到给定元素或元素集安装npm i --save dom-add-class用法var addClass = require ( 'dom-add-class' ) ;var sektor = require ( 'sektor' ) ;var boxes = sektor ( '.box' ) ;// add several ...
合并道具 通过以下规则合并React className , style和事件处理程序( onClick , onFocus , on{LiterallyEveryEvent} ): className道具是串联的style道具浅层合并,之后的值优先函数从左到右依次运行。...
案例:操作元素的sytle和className;操作元素;操作元素;操作元素;操作元素;操作元素;操作元素;操作元素;案例:显示隐藏文本框内容;操作元素;操作元素;操作元素;操作元素;操作元素;案例:鼠标指针经过时背景变色;案例分析...
为 dom 节点添加一个拖动手柄,使用 flexbox。 const dragResizer = require ( 'drag-resizer' ) dragResizer ( '.container' ) // dragResizer(document.querySelector('.container')) 传递带有要由拖动手柄操作...
javascript通过className获取文件元素.docx
安装npm: npm install classname 或者只是在浏览器中加载classname.js ,然后直接调用它。文档 classname ( 1 , 'one' , false , 'two' ) ; // '1 one two'classname ( { one : true , two : false , three : true} ...
当用户单击感兴趣的元素(例如弹出窗口,下拉菜单或模式窗口)时,请执行操作。 安装 # npm npm install --save click-away # yarn yarn add click-away 用法 假设您正在处理一个呈现对话框的Modal组件,并且希望在...
查看ClassName的小工具,能看到任意控件的ClassName和Text属性
jQuery快速开发资料jQuery案例 代码 素材 笔记 作业资料,学习资料 01-getElementById获取元素.html 02-...17-通过className更改元素样式.html 18-仿新浪注册页面.html images 作业-开关灯案例.html
WebAPI编程资料WebAPI 案例 代码 素材 笔记 作业资料,学习资料,教程 Web APIs-day01 Web APIs-day02 ...17-通过className更改元素样式.html 18-仿新浪注册页面.html images 作业-开关灯案例.html
与和其他基于抽头的测试配合使用,只需将其通过抽头连接参量-c, --classname -- -c, --classname您要应用于testsuite元素的名称(如果未设置,则不会为输出testsuite给出名称) -o, --output -- -o, --output指定要...
下面小编就为大家带来一篇js通过classname来获取元素的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起 小编过来看看吧
babel插件,用于自动将classnames()添加到className属性。 转换 < div xss=removed> < / div > 至 < div xss=removed> < / div > 为什么 类名 在React中,当您需要有条件地呈现className时,可以编写如下...