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

最新推荐文章于 2022-04-05 15:00:56 发布
原创 最新推荐文章于 2022-04-05 15:00:56 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了自定义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
【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 1867
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
&lt;script type="text/javascript"&gt;&lt;!-- google_ad_client = "pub-5834986413902221"; /* 336x280, 创建于 09-1-11 */ google_ad_slot = "3738213453"; google_ad_width = 336; google_ad_height = 280; //--&gt...
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 1104
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作为对象变量**：...
【干货】Chrome插件(扩展)开发全攻略
qq_34998786的博客
12-07 1万+
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍作者：小茗同学https://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html#!comments...
Chrome插件(扩展)开发全攻略
justdoshare的博客
12-02 1125
写在前面 我花了将近一个多月的时间断断续续写下这篇博文，并精心写下完整demo，写博客的辛苦大家懂的，所以转载务必保留出处。本文所有涉及到的大部分代码均在这个demo里面：GitHub - sxei/chrome-plugin-demo: 《Chrome插件开发全攻略》配套完整Demo，欢迎clone体验，大家可以直接下载下来运行。 另外，本文图片较多，且图片服务器带宽有限，右下角的目录滚动监听必须等到图片全部加载完毕之后才会触发，所以请耐心等待加载完毕。 本文目录： demo部分截图： .
兼容ie和firefox的获取html元素自定义属性的方法
deform0032的博客
05-07 187
有时候在html中自定义属性能够方便我们，比如<span id='span1' time='2008-8-8'>hello</span>,通常在ie中获取time的办法是：document.getElementById('span1').time就行，但是这个方法在firefox下不管用，兼容的做法是这样的： document.getElementByI...
javascript取网页DOM自定义属性值和设置自定义属性值的通用方法
weixin_30950607的博客
10-12 179
HTML元素，属性已经十分丰富了。但是，在某些场合下，也会显得捉襟见肘，这时候自定义属性就发挥了十分关键的作用。Html元素的自定义属性，使用起来，十分方便，例如：<input type=”button” value=”Click Me, Baby!” />假设我们现在需要限制，这个按钮，只能点击2次，然后就失效了。 通常的实现方式，是可以利用全局变量的形式来记录点击次数...
如何得到浏览器 DOM 对象的所有属性和方法
SUB 的专栏
04-26 3808
可以得到各种浏览器的DOM对象属性方法function showObject(obj) { var ms = [] for(var m in obj) ms.push(m) ms.sort() var html = "" for (var i in ms) {  var m = ms[i]  html += m + ": " + obj[m] + "/n" } html += "" doc
DOM（一）一些属性方法介绍以及兼容性问题
.
07-20 5817
一、nodeType：以数字值返回指定节点的节点类型。 存在 12 种不同的节点类型，其中可能会有不同节点类型的子节点： 二、childNodes：只读属性，表示某个元素子节点的集合，返回NodeList 对象。 在标准浏览器下：返回的子节点中包含文本类型、元素类型、注释类型等，特别的包含文本类型中空文本即所谓的换行。 在非标准的浏览器子节点中不包含文本类型中空文本，同时与节点
js获取dom上自定义属性
最新发布
06-13
- `element`：DOM元素对象，通过`getElementById()`、`querySelector()`等方法获取。 - `attributeName`：属性名称（字符串）。 - **示例代码**： ```javascript // 获取元素 const element = document....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值