- 浏览: 2609061 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (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元素。
/* *g-get the dom element by id* *@function* *@param {string||HTMLElement} id* *@return {HTMLElement||null} *@remark --if not find will return null or if the param is not Legal will return the param* */ ZYC.dom.g = function(id){ if(!id){ //!null !"" !undefined ----true return null; } if('string' == typeof id || id instanceof String){ return document.getElementById(id); }else if(id.nodeName && (id.nodeType ==1 || id.nodeType == 9)){ //nodeType ==1 Element //nodeType == 9 Document return id; } return null; }
发表评论
-
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 1626mouseover与mouseenter的区 ... -
getBoundingClientRect
2013-04-07 16:32 1525getBoundingClientRect ... -
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 ...
相关推荐
"在 Vue 中获取 DOM 元素内容的方法" 在 Vue 中获取 DOM 元素内容是开发者经常遇到的问题,而解决这个问题的方法很多,今天我们就来讨论其中的一种,即使用 ref 属性来获取 DOM 元素内容。 使用 ref 属性获取 DOM ...
原因:重置数据后获取dom元素宽高时,dom元素还未渲染完毕; 解决方法:利用Vue.nectTick(callback) this.$nextTick(() => { this.$refs.editor[0].offsetHeight; }) Vue.nectTick() 是在下次DOM更新循环结束之后...
在使用Vue框架开发项目时,我们常常需要获取DOM元素并对其进行操作,比如设置属性或样式。Vue提供了多种方式来实现这一需求,本文主要介绍两种方法:一种是通过给元素添加id属性,另一种是利用Vue的ref属性。 首先...
本文将详细讲解如何在Vue中使用`ref`来获取DOM元素节点以及组件内的数据和方法。 ### 一、获取DOM元素节点 在HTML模板中,给需要引用的DOM元素添加`ref`属性,如: ```html <div ref="mytitle">This is title ...
在 Vue 中通过自定义指令获取 DOM 元素 在 Vue.js 框架中,获取 DOM 元素是一项常见的操作。通常,我们可以将元素改成一个组件,然后通过 `this.$el` 来获取,但是这种方法在小项目中或没有使用构建工具的项目中不...
vue获取DOM元素注意事项 vue获取DOM元素注意事项是vue开发中的一個重要知识点。获取DOM元素的高或内容是非常常见的需求,但是很多开发者都遇到了困难。那么,如何正确地获取DOM元素呢? 首先,我们需要了解vue的...
在JavaScript中,获取DOM元素的绝对位置是一项常见的需求,特别是在实现动态效果如页面滚动和动画时。例如,创建像本文例中的左侧悬浮导航,需要精确地掌握元素在页面中的位置,以便在滚动过程中保持其固定位置。...
标题中的"封装获取DOM元素的简单实例"是指将常用的DOM操作如获取元素通过ID或标签名等方法,整合到一个自定义的对象或函数中,以提高代码的可维护性和避免全局变量污染。 首先,让我们看看提供的描述和代码片段。...
2. 同样地,利用document.getElementById()等方法通过父页面的window对象来获取DOM元素。 下面是一个具体的代码示例,展示了如何在父页面中改变iframe内部页面元素的背景色,并在子页面中改变父页面中元素的字体...
循环内部的元素在每次数据模型更新时都可能发生变化,如果在数据更新后立即尝试获取DOM元素,那么获取到的可能是过时的DOM引用。同时,由于AngularJS的执行周期,可能在数据绑定和视图渲染完成之前,尝试获取了DOM...
本文将详细介绍如何在Vue中获取DOM元素的样式以及如何更改这些样式。 首先,需要了解Vue中常见的获取和操作DOM的方式。在Vue组件中,通常不推荐直接使用原生JavaScript的document对象来操作DOM,因为这样做可能会...
**JS操作DOM元素属性和方法大全** 在JavaScript中,DOM(Document Object Model)是一种标准,用于表示HTML或XML文档的结构,并提供了与这些文档交互的方法。DOM是浏览器提供的一种接口,使得JavaScript能够读取、...
Vue 1和Vue 2版本的框架都支持了数据绑定和组件系统,但它们在获取DOM元素的方法上有所区别。了解如何在Vue 1和Vue 2中正确获取DOM元素对于开发高效的Web应用是很有帮助的。 首先,在Vue中,获取DOM元素通常有两种...
在这篇关于JQuery获取DOM元素实例的讲解中,作者详细介绍了如何使用JQuery的函数来选取页面中的DOM元素。在前端开发中,DOM(文档对象模型)操作是基本功之一,而JQuery作为广泛使用的JavaScript库,为DOM操作提供了...
为了获取iframe中的DOM元素,我们可以通过jQuery来实现这一目标。在具体的实现过程中,需要注意iframe中的内容必须和主页面出于同一个域中,否则会受到浏览器同源策略的限制,无法获取到其中的DOM元素。这是因为...
本文将深入探讨如何利用JavaScript获取DOM元素的位置和尺寸,并解释相关属性。 首先,我们要了解几个关键的属性: 1. `offsetWidth` 和 `offsetHeight`:这两个属性返回元素的完整外尺寸,包括内容、内边距和边框...
本文总结了11种常见的JavaScript获取DOM元素的方法,并将它们分为四大类。这些方法可以帮助开发者高效准确地选取DOM元素。 首先,我们可以根据顶层document节点来获取元素。这类方法通常用于直接根据元素的某些属性...
介绍 解决各个浏览器下 获取dom 元素的 位置 兼容性 ie 6 7 8 firefox 3.6 chrome 4.0 目前只测试了这几个浏览器 作者 Jelle · lu QQ:271412542 Email:idche@qq.com blogs:http://www.cnblogs.com/idche/ 源码说明 ...