- 浏览: 2609324 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (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的应用场景是:获取和设置目标元素的属性值
关于ZYC.dom.g的资料:http://zhangyaochun.iteye.com/blog/1439262
1、提供一个attribute名的转换的api
/* *_NAME_ATTRS * *fix the difference between ie8 and low edition* *relay on ZYC.browser* */ ZYC.dom._NAME_ATTRS = (function(){ var result = { 'cellpadding' : 'cellPadding', 'cellspacing' : 'cellSpacing', 'colspan' : 'colSpan', 'rowspan' : 'rowSpan', 'valign' : 'vAlign', 'usemap' : 'useMap', 'frameborder': 'frameBorder' } if(ZYC.browser.ie < 8){ result['for'] = 'htmlFor'; result['class'] = 'className'; }else{ result['htmlFor'] = 'for'; result['className'] = 'class'; } return result; })();
2、获取目标元素的属性值
/* *getAttr-get the attribute value form the element with the key* *@function* *@param {string||HTMLElement} element* *@param {String} key* *@return {String|null}* */ ZYC.dom.getAttr = function(element,key){ element = ZYC.dom.g(element); if(key == 'style'){ return element.style.cssText; } //use ZYC.dom._NAME_ATTRS //fix ie difference key = ZYC.dom._NAME_ATTRS[key] || key; return element.getAttribute(key); };
3、设置目标元素的属性值
/* *setAttr-set the attribute value for the element with the key* *@function* *@param {string||HTMLElement} element* *@param {String} key* *@param {String} value* *@return {HTMLElement}* */ ZYC.dom.setAttr = function(element,key,value){ element = ZYC.dom.g(element); if(key == 'style'){ element.style.cssText = value; }else{ key = ZYC.dom._NAME_ATTRS[key] || key; element.setAttribute(key,value); } return element; };
发表评论
-
scrollIntolView
2014-03-14 08:47 1086scrollIntoView: 滚动 ... -
动态创建style并写入
2013-08-06 11:35 0动态创建style标签,并写入内容: ... -
如何获取表格的所有行
2013-07-26 20:23 1445一般简单的思路都是按tagNam ... -
getAttributeNode
2013-06-17 15:30 1242getAttributenode ... -
HTML DOM Form对象
2013-06-08 12:23 1469前言: 本文来自w3c ... -
dom的contains
2013-06-06 16:00 1167contains ... -
mouseenter与mouseleave
2013-06-05 15:35 1468在IE中,鼠标移入移出某元素,触发: ... -
hasParent的设计
2013-05-03 18:07 1317场景: 判断指定的元素 ... -
mouseover与mouseenter的区别
2013-06-05 14:29 1627mouseover与mouseenter的区 ... -
getBoundingClientRect
2013-04-07 16:32 1526getBoundingClientRect ... -
getBoundingClientRect
2013-04-07 16:31 0getBoundingClientRect ... -
IE9下的onpropertychange的特殊之处
2013-03-27 19:04 2429场景: 在IE9下,在 ... -
DOM initEvent
2013-03-27 16:18 1743本文来自w3school:http://www ... -
创建对象的一种独特方式
2013-03-19 15:10 1266前言: 本文部分内容来自S ... -
DOM replaceChild()
2013-03-19 11:21 1493replaceChild() ... -
removeNode
2013-03-15 12:53 1309removeNode // ... -
document.activeElement
2013-01-22 09:57 6007document.activeElement ... -
IE下删除自定义属性的兼容性问题
2012-12-17 10:02 2852很多时候我们会给某个dom元素赋予一些自定义的属 ... -
dom的createTextNode
2012-12-14 16:35 1297createTextNode ----- 创建文本节 ... -
原生DOM获取元素相关的api
2012-12-10 14:19 1594整理一下底层获取元素相关的方法: getE ...
相关推荐
jQuery库提供了 `$` 符号作为入口点,你可以选择一个或多个元素,然后应用插件的方法来获取它们的属性值。例如,如果你想要获取ID为`myElement`的元素的所有属性值,你可以这样做: ```javascript var attributes =...
在本例中,该属性值为“frame_1”。其次,需要在主页面中引入jQuery库。这可以通过在标签中引入在线的jQuery库链接来完成,比如本例中使用的是“***”。 在主页面的JavaScript代码中,我们定义了一个函数...
在实际的Web自动化测试或数据抓取任务中,我们经常会遇到需要批量获取元素属性值的情况。例如,我们可以利用这种方法来提取页面上所有的链接地址,或者获取一组商品图片的URL等。掌握此类方法对于进行自动化处理网页...
总的来说,“选中对象,获取邻接对象属性值”是GIS应用中常见的操作,它结合了空间分析和属性查询的能力。通过SuperMap .NET的iObject和SpatialQuery类,开发者可以方便地实现这一功能,从而在实际项目中实现更复杂...
这段代码通过`document.getElementById()`方法获取了id为"frm1"的表单元素,然后输出了该表单的action属性值,即jb51.php。需要注意的是,表单的action属性是可以动态改变的,开发者可以通过JavaScript动态地修改...
总的来说,要从元素的CSS类中获取属性值,开发者需要理解JavaScript与CSS样式之间的交互机制,以及如何正确地使用`getComputedStyle`和`currentStyle`。此外,还需要关注浏览器兼容性问题,尤其是对于旧版IE浏览器,...
`innerText`属性可以获取或设置元素内文本的纯文本内容,它会返回元素内的所有文本内容,忽略掉所有HTML标签。以下就是如何使用`innerText`来获取span标签值的JavaScript代码: ```javascript var x1 = document....
总结来说,这个示例展示了Vue.js如何结合DOM事件处理、数据绑定、响应式属性、组件间的数据交互,以及与jQuery的集成,实现动态加载和展示后台数据,以及在用户交互时获取和处理父辈元素属性值的功能。
这种情况下,需要使用其他方法如.find()或.children()来精确获取目标元素。 5. 在处理表格数据时,还可能会涉及到其他操作,如添加、删除、排序等。这些操作往往会涉及到JavaScript中的数组和对象的操作技巧。 ...
JavaScript,作为浏览器端的主要脚本语言,提供了丰富的API让我们能够对HTML元素进行操作,包括获取和设置表格(table)中特定单元格(td)的值。在这个场景下,我们需要掌握如何利用JavaScript有效地获取table中...
本文将详细讲解如何使用 jQuery 修改元素的 CSS `height` 属性值,以便实现动态调整元素高度的功能。 首先,我们需要理解 `height` 这个 CSS 属性。在 CSS 中,`height` 属性用于设置元素的高度,可以是绝对值(如...
在这个例子中,`createElement("OPTION")`用于创建一个新的`<option>`元素,然后通过`.value`和`.text`分别设置它的值和文本。最后,`add()`方法将新选项添加到`<select>`元素的末尾。 总结起来,HTML中的`<select>...
首先,通过HTMLElement类型(对象)的属性来获得和设置元素的属性是最为直接和常见的一种方式。在DOM中,每个HTML元素都是HTMLElement类型的实例,这意味着我们可以直接通过这些实例的属性来访问和修改元素的内置...
`:css`选择器允许你指定一个CSS属性和对应的值。 此外,jQuery还提供了`.filter()`方法,允许你提供自定义的过滤函数来筛选元素: ```javascript var redElements = $('*').filter(function() { return $(this)....
将这个值转换为字符串并添加单位('px')后,直接赋值给目标元素的`style.width`,从而实现动态设置宽度的效果。 此外,为了避免在不同设备和屏幕尺寸下出现问题,可以考虑使用媒体查询(Media Queries)配合CSS,...
此外,DOM元素还提供了`getAttribute()`和`setAttribute()`方法,用于获取和设置特定的属性值,这种方法更加直接,但无法遍历所有属性。 总结来说,遍历DOM对象内的元素属性是通过JavaScript实现的,主要利用`for.....
在JavaScript中,获取`iframe`内元素的值,我们需要知道两个关键点:`iframe`的ID和目标元素的ID。下面介绍两种主要方法,分别适用于Internet Explorer(IE)和非IE浏览器(如Firefox、Chrome等): 1. **IE方法**...
JavaScript 获取 CSS 伪元素属性是前端开发中一个相对复杂的问题,因为标准的 `getComputedStyle` 方法通常不直接支持伪元素。然而,通过一种巧妙的方法,我们可以间接地获取这些属性值。这里我们将深入探讨如何实现...
不同编程语言处理XML的方式有所不同,但核心思想都是解析XML文件,找到目标元素,并更新其值。在实际应用中,还需要考虑错误处理、编码问题以及性能优化等细节。正确地写入XML元素值是确保数据正确传递和存储的关键...
当用户点击一个button,我们可能需要获取该button所在UITableViewCell的相关属性,以便进行更深入的操作或数据分析。本示例将详细介绍如何实现这一功能,并讲解相关的iOS开发知识点。 首先,我们需要理解...