`
zhangyaochun
  • 浏览: 2613214 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

获取dom元素

阅读更多

对应文档操作,我们最基本的原型还是获取到指定的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;
}
   

 

分享到:
评论

相关推荐

    在vue中获取dom元素内容的方法

    "在 Vue 中获取 DOM 元素内容的方法" 在 Vue 中获取 DOM 元素内容是开发者经常遇到的问题,而解决这个问题的方法很多,今天我们就来讨论其中的一种,即使用 ref 属性来获取 DOM 元素内容。 使用 ref 属性获取 DOM ...

    解决vue项目获取dom元素宽高总是不准确问题

    原因:重置数据后获取dom元素宽高时,dom元素还未渲染完毕; 解决方法:利用Vue.nectTick(callback) this.$nextTick(() => { this.$refs.editor[0].offsetHeight; }) Vue.nectTick() 是在下次DOM更新循环结束之后...

    vue获取DOM元素并设置属性的两种实现方法

    在使用Vue框架开发项目时,我们常常需要获取DOM元素并对其进行操作,比如设置属性或样式。Vue提供了多种方式来实现这一需求,本文主要介绍两种方法:一种是通过给元素添加id属性,另一种是利用Vue的ref属性。 首先...

    在Vue中使用ref获取dom元素节点及组件内的数据和方法

    本文将详细讲解如何在Vue中使用`ref`来获取DOM元素节点以及组件内的数据和方法。 ### 一、获取DOM元素节点 在HTML模板中,给需要引用的DOM元素添加`ref`属性,如: ```html <div ref="mytitle">This is title ...

    详解在Vue中通过自定义指令获取dom元素

    在 Vue 中通过自定义指令获取 DOM 元素 在 Vue.js 框架中,获取 DOM 元素是一项常见的操作。通常,我们可以将元素改成一个组件,然后通过 `this.$el` 来获取,但是这种方法在小项目中或没有使用构建工具的项目中不...

    vue获取dom元素注意事项

    vue获取DOM元素注意事项 vue获取DOM元素注意事项是vue开发中的一個重要知识点。获取DOM元素的高或内容是非常常见的需求,但是很多开发者都遇到了困难。那么,如何正确地获取DOM元素呢? 首先,我们需要了解vue的...

    JS中获取 DOM 元素的绝对位置实例详解

    在JavaScript中,获取DOM元素的绝对位置是一项常见的需求,特别是在实现动态效果如页面滚动和动画时。例如,创建像本文例中的左侧悬浮导航,需要精确地掌握元素在页面中的位置,以便在滚动过程中保持其固定位置。...

    angularjs,ng-repeat循环渲染时,无法获取dom对象.pdf

    循环内部的元素在每次数据模型更新时都可能发生变化,如果在数据更新后立即尝试获取DOM元素,那么获取到的可能是过时的DOM引用。同时,由于AngularJS的执行周期,可能在数据绑定和视图渲染完成之前,尝试获取了DOM...

    封装获取dom元素的简单实例

    标题中的"封装获取DOM元素的简单实例"是指将常用的DOM操作如获取元素通过ID或标签名等方法,整合到一个自定义的对象或函数中,以提高代码的可维护性和避免全局变量污染。 首先,让我们看看提供的描述和代码片段。...

    原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法

    2. 同样地,利用document.getElementById()等方法通过父页面的window对象来获取DOM元素。 下面是一个具体的代码示例,展示了如何在父页面中改变iframe内部页面元素的背景色,并在子页面中改变父页面中元素的字体...

    Vue获取DOM元素样式和样式更改示例

    本文将详细介绍如何在Vue中获取DOM元素的样式以及如何更改这些样式。 首先,需要了解Vue中常见的获取和操作DOM的方式。在Vue组件中,通常不推荐直接使用原生JavaScript的document对象来操作DOM,因为这样做可能会...

    JS操作DOM元素属性和方法大全

    **JS操作DOM元素属性和方法大全** 在JavaScript中,DOM(Document Object Model)是一种标准,用于表示HTML或XML文档的结构,并提供了与这些文档交互的方法。DOM是浏览器提供的一种接口,使得JavaScript能够读取、...

    基于vue1和vue2获取dom元素的方法

    Vue 1和Vue 2版本的框架都支持了数据绑定和组件系统,但它们在获取DOM元素的方法上有所区别。了解如何在Vue 1和Vue 2中正确获取DOM元素对于开发高效的Web应用是很有帮助的。 首先,在Vue中,获取DOM元素通常有两种...

    JQuery 获取Dom元素的实例讲解

    在这篇关于JQuery获取DOM元素实例的讲解中,作者详细介绍了如何使用JQuery的函数来选取页面中的DOM元素。在前端开发中,DOM(文档对象模型)操作是基本功之一,而JQuery作为广泛使用的JavaScript库,为DOM操作提供了...

    Jquery方式获取iframe页面中的 Dom元素

    为了获取iframe中的DOM元素,我们可以通过jQuery来实现这一目标。在具体的实现过程中,需要注意iframe中的内容必须和主页面出于同一个域中,否则会受到浏览器同源策略的限制,无法获取到其中的DOM元素。这是因为...

    用JavaScript获取DOM元素位置和尺寸大小的方法

    本文将深入探讨如何利用JavaScript获取DOM元素的位置和尺寸,并解释相关属性。 首先,我们要了解几个关键的属性: 1. `offsetWidth` 和 `offsetHeight`:这两个属性返回元素的完整外尺寸,包括内容、内边距和边框...

    JavaScript获取DOM元素的11种方法总结

    本文总结了11种常见的JavaScript获取DOM元素的方法,并将它们分为四大类。这些方法可以帮助开发者高效准确地选取DOM元素。 首先,我们可以根据顶层document节点来获取元素。这类方法通常用于直接根据元素的某些属性...

    获取dom元素那些讨厌的位置封装代码

    介绍 解决各个浏览器下 获取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/ 源码说明 ...

Global site tag (gtag.js) - Google Analytics