- 浏览: 2621356 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (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 -------实现语音输入
DOM className属性
-----设置或返回元素的class属性。
obj.className = classname;
案例展示:
<div id="test" class="myClass"></div>
console.log(document.getElementById('test').className); //myClass
发表评论
-
js之左移运算
2014-08-25 20:09 1329左移运算: >> 把 ... -
console.trace()
2014-08-21 20:27 1019console.trace(): 追 ... -
js里面的~~
2014-08-16 19:59 1190记录一下js里面的 ~~: ... -
javascript的~ 运算符
2014-05-08 20:53 1203最近一直看到代码出现 ~ 位运算符 ... -
scrollIntolView
2014-03-14 08:47 1090scrollIntoView: 滚动 ... -
console的新玩法
2013-10-29 14:57 1180先看一段代码: consol ... -
Function与Object
2013-10-21 16:20 1311先看一段代码: Function in ... -
动态创建style并写入
2013-08-06 11:35 0动态创建style标签,并写入内容: ... -
ES6系列之Number
2013-08-01 11:17 0本文记录一下es6中Number相关的方法: ... -
基础之localeCompare
2013-07-26 18:29 1488本文简单记录一下localeCompare,部分 ... -
如何获取表格的所有行
2013-07-26 20:23 1452一般简单的思路都是按tagNam ... -
getAttributeNode
2013-06-17 15:30 1248getAttributenode ... -
HTML DOM Form对象
2013-06-08 12:23 1473前言: 本文来自w3c ... -
dom的contains
2013-06-06 16:00 1177contains ... -
mouseenter与mouseleave
2013-06-05 15:35 1474在IE中,鼠标移入移出某元素,触发: ... -
说说[]
2013-05-08 16:12 1283前言: 本文来自Snandy的 ... -
说说delete
2013-05-07 11:23 0var 声明的变量无法删除掉 var ... -
hasParent的设计
2013-05-03 18:07 1322场景: 判断指定的元素 ... -
多搞搞函数呗
2013-04-17 10:52 0本文简单介绍几种常见函数定义的方式: ... -
计算两点之间的角度
2013-04-12 17:13 0本文解决一个需求:计算两点之间的角度! ...
相关推荐
HTML DOM(文档对象模型)是Web开发中用于...这些属性和方法构成了DOM的核心,让开发者能够高效地查找、修改和操作HTML页面中的元素和内容,实现动态效果和交互。了解并熟练掌握这些知识点对于进行前端开发至关重要。
1. JavaScript可以通过操作DOM元素的className属性来更改元素的CSS类。 2. className属性允许开发者以编程方式向元素添加新的类名,而不会覆盖已有的类名。 3. 如果需要替换元素的现有样式,可以通过直接修改...
HTML&DOM; &DOM;
- **Properties**:如`id`、`className`、`textContent`等,用于获取和设置元素的属性值。 - **Methods**:如`appendChild()`, `replaceChild()`, `removeChild()`, `cloneNode()`等,用于操作DOM树结构。 - **Event...
4. element.className:设置或返回元素的class属性值。 5. element.nodeName:返回元素的节点名称,通常为大写字母形式的标签名。 6. element.nodeType:返回节点类型,例如元素节点类型为1。 7. element.nodeValue...
文档还讲解了如何操作DOM元素的内容和属性,具体包括`innerHTML`、`className`以及DOM元素的属性操作: 1. `innerHTML` - 语法:`ele.innerHTML` - 功能:返回指定元素节点的开始标签和结束标签之间的HTML代码。 ...
上述代码中,`getClass`函数通过`getElementsByTagName`获取所有子元素,并通过`for`循环遍历每一个元素,使用`indexOf`方法检查`className`属性是否包含指定的class名。如果包含,就将其添加到结果数组中。 5. ...
例如,`href`属性用于获取或设置超链接的URL,`className`属性用来获取或设置元素的CSS类名。开发者可以通过设置属性值来改变元素的状态或样式。 4. **方法**:方法是对象可执行的操作。比如,`getElementById`方法...
在处理DOM元素时,有些属性需要特殊处理,因为它们在JavaScript中具有不同的命名规则,以避免与JavaScript保留关键字冲突。本文将详细介绍这些需要特殊处理的DOM元素属性及其访问方式。 首先,我们来看一个包含特殊...
在DOM元素对象中,这些属性包括如`id`、`className`、`innerHTML`等标准属性,也可能包含自定义属性。以下是使用`for...in`循环遍历`objBtn`元素属性的代码: ```javascript function showBtn() { var tmp = ""; ...
2. DOM节点及其属性和方法 在DOM中,每个节点都有一系列属性和方法可以使用,例如: - `tagName`:返回节点的标签名。 - `childNodes`:包含节点的所有子节点的数组。 - `nodeType`:返回节点类型,元素节点返回值为...
2. **读取元素信息**:通过DOM对象,你可以访问元素的属性,如`innerHTML`、`innerText`、`className`等,获取如隐藏域的值。 3. **修改元素**:要修改页面内容,可以直接设置DOM对象的属性值。例如,改变文本内容...
5. **className属性**: - **语法**:`Object.className = classname` - **作用**:获取或设置元素的CSS类名,可以用来切换或添加样式,改变元素外观。 - **注意**:`className`用于一次性设置多个类名,多个类名...
const element = <div className="container"><h1>Hello, world!</h1></div>; ``` 这段JSX代码会被编译为JavaScript,然后由domdom解析并创建对应的DOM元素。 二、单个函数的DOM操作 与React组件不同,domdom鼓励...
#### 一、DOM方法和属性简介 《JavaScript DOM编程艺术》这本书对于初学者来说非常友好,它不仅介绍了DOM的基本概念,还深入讲解了DOM的操作方法,包括创建、复制、插入、删除、替换、处理及查找节点等。本文将根据...
一个小的DOM实现,其中实现了文档中的大多数DOM属性和方法。 例子 var document = require ( "dom-lite" ) . document ; var el = document . createElement ( "h1" ) ; el . id = 123 ; el . className = "large" ...
4. **属性操作**:理解如何获取和修改元素的属性,例如innerHTML、innerText、className等,并且知道如何处理事件属性,如onclick。 5. **事件处理**:学习JavaScript事件模型,包括传统的事件处理方式(如onXYZ...
**DOMChef:使用JSX构建DOM元素** DOMChef是一个实用工具,它允许开发者使用类似JSX的语法来创建和操作DOM元素。JSX是React库中广泛使用的语法扩展,它使得JavaScript代码能更直观地创建和操作HTML元素。在DOMChef...