兼容浏览器的DOM对象自定义属性获取方法

最新推荐文章于 2022-04-05 15:00:56 发布

原创最新推荐文章于 2022-04-05 15:00:56 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了自定义HTML元素属性layerType在不同浏览器中的兼容性问题。在IE浏览器中可以直接通过javascript对象访问该属性，但在Chrome和Firefox中则需要使用attributes方法获取。文章提供了兼容性写法。

自定义了LayerType属性
<input type="button" layerType="DYNAMICMAP" />
在IE下javascript  obj.layerType可以直接获得属性
但在chrome、Firefox 失效。
兼容性写法 obj.attributes['layerType'].value

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

上古石

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【JS笔记】JS中的DOM对象以及通过JS获取DOM结点，操作DOM属性、DOM增删改查

✅ Java 开发工程师，从事 Web 应用程序的研发，擅长 Spring、SpringBoot 等技术。 ✅ 热爱编程，业余时间学习新知识，通过优快云记录学习心得和笔记内容。

11-09

2331

DOM，全称是：Document Object Model，文档对象模型，它主要是用于描述HTML文档对象的。一个HTML页面是由许多的标签组成的，例如：html、head、body、div等等标签元素，JS里面将整个的HTML作为一个document文档来进行管理，其中HTML里面的每一个标签都是一个DOM结点。HTML里面所有的DOM结点构成了一颗DOM树，这就有点类似于二叉树了，只不过DOM里面的树是多叉树，因为HTML里面的标签里面可以嵌套许多其他的标签。...

抓取html对象插件,chrome扩展获取页面dom对象信息

weixin_35253082的博客

06-03

1943

chrome扩展，在popup页面，给页面对象绑定点击事件，获取当前tab加载页面的DOM对象信息。本chrome扩展功能主要用于获取百度搜索输入框中用户输入的关键字。效果如下源代码如下注意：以下文件全部以utf-8文件编码保存manifest.json{"name":"chrome扩展获取页面dom对象信息","manifest_version":2,"version":"1.0","au...

参与评论您还未登录，请先登录后发表或查看评论

JavaScript/Js脚本处理html元素的自定义属性(兼容Firefox和IE)

真有意思

03-23

178

01-DOM-获取DOM元素、修改属性

weixin_44941576的博客

04-05

1575

DOM-获取DOM元素、修改属性 Web API 基本认知 1.作用和分类作用: 就是使用 JS 去操作 html 和浏览器 分类：DOM (文档对象模型)、BOM（浏览器对象模型） [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vPOKUg7l-1649142008677)(01-DOM-获取DOM元素、修改属性.assets/1648970987152.png)] 2.什么是DOM DOM（Document Object Model——文档对象模型）是用来呈现以及

兼容ie低版本获取HTML5自定义属性data-*

Aaron行走在搬砖的路上的博客

04-12

1121

function getDataset(ele){ if(ele.dataset){ return ele.dataset; }else{ var attrs = ele.attributes,//元素的属性集合 dataset = {}, name, matchStr; for(var i = 0;i<attrs.length;i++){ //是否是data- 开头 matchStr = ...

关于在任何版本的浏览器获取对象的属性的函数（轮子）

weixin_30716141的博客

05-06

129

我之前学到的getelementbyid和getelementsbytagame 第一个只能得到#id名字的标签当做对象第二个可以得到标签名字tagname的标签当做对象进行操作当然还有getatrribute（）可以得到自定义的属性比如一个对象odiv.zzz=1 这个对象zzz这个属性是自定义的用打点调用的方法肯定不能试用，所以必须要用odiv.getattribute（“...

chrome插件开发（二）入门篇（content script )

热门推荐

天下无双

02-24

4万+

1: content scripts是page action将注入到特定页面中的脚本 chrome插件中的 content script 是运行在一个被称为isolated world 的运行环境里，和页面上的脚本互不干扰，因为不在一个运行环境里，所以也无法调用页面上脚本定义的方法了，当然google也给出了解决方法：http://code.google.com/chrome/extensi

浅谈JS读取DOM对象(标签)的自定义属性

10-21

通过上述分析，我们可以得出，在操作DOM对象的自定义属性时，推荐使用`getAttribute()`方法来保证跨浏览器的兼容性。同时，在给DOM元素添加自定义属性时，应该意识到直接在HTML标签上添加和通过JavaScript动态添加...

js 点击a标签获取a的自定义属性方法

11-26

例如，对于一些旧版本的浏览器，可能需要使用`getAttribute`方法来获取属性值： ```javascript var ownattr = obj.getAttribute('ownattr'); ``` 这种方法与直接访问`attributes`对象相比，兼容性更好，但稍微复杂...

js获取单元格自定义属性值的代码(IE/Firefox)

12-10

总结起来，这段JavaScript代码是针对IE和Firefox的兼容性实现，目的是获取表格单元格的自定义属性值，并结合单元格的文本内容，生成XML格式的字符串。在实际应用中，可能需要根据具体需求对这段代码进行调整，例如...

javascript firefox兼容ie的dom方法脚本

12-11

2. **自定义属性的获取**：IE允许使用常规属性获取方法（如`element.property`）或`getAttribute()`来获取自定义属性，而Firefox仅支持`getAttribute()`。建议统一使用`getAttribute()`。 3. **ID作为对象变量**：...

【干货】Chrome插件(扩展)开发全攻略

qq_34998786的博客

12-07

1万+

‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍作者：小茗同学https://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html#!comments...

Chrome插件(扩展)开发全攻略

justdoshare的博客

12-02

1203

写在前面我花了将近一个多月的时间断断续续写下这篇博文，并精心写下完整demo，写博客的辛苦大家懂的，所以转载务必保留出处。本文所有涉及到的大部分代码均在这个demo里面：GitHub - sxei/chrome-plugin-demo: 《Chrome插件开发全攻略》配套完整Demo，欢迎clone体验，大家可以直接下载下来运行。另外，本文图片较多，且图片服务器带宽有限，右下角的目录滚动监听必须等到图片全部加载完毕之后才会触发，所以请耐心等待加载完毕。本文目录： demo部分截图： .

如何获取Input标签自定义属性的值ie 8 9 10下取值

HI,我是小瑞！

03-24

3765

系统里面有自定义的属性，原来ie8的模式下 var firstObj = document.all(ocxList[j]); var eee = firstObj._hmdm; 可以直接点出来，现在切换成ie9 和10之后这样取值就是null了，改用jquery和直接对象方式来获取还是可以取到值，但是写法感觉麻烦了不少 var

兼容ie和firefox的获取html元素自定义属性的方法

deform0032的博客

05-07

201

有时候在html中自定义属性能够方便我们，比如<span id='span1' time='2008-8-8'>hello</span>,通常在ie中获取time的办法是：document.getElementById('span1').time就行，但是这个方法在firefox下不管用，兼容的做法是这样的： document.getElementByI...

使用js在IE9中获取标签自定义属性

你若强大，来者不怕

06-25

5149

JScript code function wfMain_DevNodeContextMenu(event) { var ele = event.target || event.srcElement; var devType = ele.devType; alert(devType ); } HTML co

javascript取网页DOM自定义属性值和设置自定义属性值的通用方法

weixin_30950607的博客

10-12

194

HTML元素，属性已经十分丰富了。但是，在某些场合下，也会显得捉襟见肘，这时候自定义属性就发挥了十分关键的作用。Html元素的自定义属性，使用起来，十分方便，例如：<input type=”button” value=”Click Me, Baby!” />假设我们现在需要限制，这个按钮，只能点击2次，然后就失效了。通常的实现方式，是可以利用全局变量的形式来记录点击次数...

兼容IE8及其以下的DOM元素方法——低版本浏览器也能用class取DOM

weixin_42833042的博客

01-30

2388

虽然说目前IE9及其以上的就浏览器大部分都支持了两个很爽的dom选择器：querySelector和querySelectorAll，可是总是有些冥顽不灵的项目死活赖在低版本的IE上，这时候你又不得不去兼容它。那么最大的问题就在于，我们很多时候需要根据类名class来取多个DOM对象，那么该怎么办呢？这里给出一个解决方案。一、解决方案唯一的办法就是自己去封装一个跨浏览器的DOM元素获取方法...

js获取dom上自定义属性