兼容浏览器的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方法获取。文章提供了兼容性写法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自定义了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

2150

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

1869

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

161

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

weixin_44941576的博客

04-05

1545

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

1105

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

114

我之前学到的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作为对象变量**：...

js通过'data-xxx'自定义属性获取dom元素

weixin_39889465的博客

01-10

2万+

当我们需要改变某一个元素的内容时，首先要获取该dom元素。其次，通过dom.innerHtml等改变dom的内容。但是针对一些没有class、id同时页面的元素还是动态渲染的场景，我们又该如何做呢？例如，下图中的div没有class，id，只有data-fieldmark自定义属性，且其值只有‘field’部分不变，数值部分根据不同的页面值不同，针对这样的场景我们又该怎么获取到dom呢？ wi...

访问事件对象,iE与标准DOM获取事件对象不一样，获取事件属性获取事件源方式不一样，一个ie 是srcElement，一个是target。

old_man31的博客

02-09

365

&lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport"

javascript获取css行内样式

LoveyL0201的博客

10-15

613

javascript获取css样式获取行内样式 ele.getComputedStyle //标准浏览器 IE8以上支持 ele.currentStyle //支持低版本IE浏览器 IE8及其以下获取非行内样式 ele.style.attr //只能获取非行内样式封装兼容函数 /** * 获取元素样式 * @param { ELEMENT } ele 要获取样式得元素 * @param { STRING } style 要获取得样式字符串 * @r

DOM文档对象模型通过id来访问HTML元素

lx__angel的博客

12-07

1343

Document Object Model文档对象模型 DOM模型中的节点--文档可以说是由节点构成的集合。在DOM模型中有以下3种节点：元素节点：、文本节点:被包含在原始节点内部属性节点：修饰元素节点海通科技元素节点属性节点文本节点DOM主要提供了两种方式来访问HTML元素 1、根据id访问，通过document对象调用getElementById()方法来查找具有

DOM：获取自定义属性的两种方法，及自定义属性的规范

weixin_46682277的博客

03-20

4962

使用自定义属性的目的，是为了保存并使用数据，有些数据可以保存到页面中而不用保存到数据库中，使用起来会比较方便。但有些自定义属性我们会不容易判断，不知道到底是内置属性还是自定义属性。因此，在H5中给我们新增了自定义属性： H5规定自定义属性以data-开头作为属性名并赋值。 <div data-index = 1></div> 或者也可以使用JS设置一个自定义属性： element.setAttribute("data-index",0); <div data-index

关于：js怎么获取元素的自定义属性的问题（原生JavaScript）

facing-screen's blog

07-12

2268

最近项目需要把后端传过来的数据隐藏的保存在页面中，方便后边做事件处理时使用。鉴于之前总是在后端处理后的页面中看到元素里除了常见的id、name属性外的data-xxx，就想到：元素的属性必然是可以自定义并获取到的，百度了下，原来JavaScript本来就自带有函数getAttribute( )用于获取只定义属性，于是迫不及待的写了个demo： <input type=...

js获取dom上自定义属性