`
李俊良
  • 浏览: 146792 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript兼容性点滴-----自定义标签属性

阅读更多
<div id="mydiv" myattr="welcome"></div>

 先看一个html标签代码

 

如果用脚本取得id为mydiv 自定义属性myattr的值,我们知道方法为

 

document.getElementById("mydiv").myattr

 

 

但是这种方法在firefox上面就无效了,要在IE和firefox上面都可以取得welcome那么语句应该这么写

 

document.getElementById("mydiv").getAttribute("myattr")

 

 

其实很简单了,这样就通用了,所以大家养好习惯,取属性都用getAttribute方法,设置属性都用setAttribute方法就行了

分享到:
评论

相关推荐

    HTML:自定义标签属性

    在使用自定义属性时,需要注意不同浏览器之间的兼容性差异。例如,早期版本的 Internet Explorer(如 IE6)可能无法直接通过属性名访问自定义属性,而需要使用如下方式: ```javascript var idvalue = txtInput....

    Custom JavaScript for Websites 2-3.4.12.zip

    您可以基于域或自定义正则表达式(自v3.1.1起)注入自定义JavaScript。 自v2.5.1以来,此扩展支持专用选项卡来编辑您的代码 您可以使用一些内置库,例如 *jQuery1.12.4 *jQuery2.2.4 *jQuery3.2.1 *无限可观察...

    面试题练习题前端 JavaScript高级语法-字符串属性

    面试题练习题前端 JavaScript高级语法-字符串属性面试题练习题前端 JavaScript高级语法-字符串属性面试题练习题前端 JavaScript高级语法-字符串属性面试题练习题前端 JavaScript高级语法-字符串属性面试题练习题前端...

    python自学教程-04-自定义JavaScript.ev4.rar

    【标题】"python自学教程-04-自定义JavaScript.ev4.rar" 提示我们这是一个关于Python编程学习的教程,特别是涉及到与JavaScript交互的部分。在Python中,与JavaScript交互通常是通过Web开发或者数据交换的需求,例如...

    JavaScript应用实例-自定义按钮.js

    JavaScript应用实例-自定义按钮.js

    javascript经典特效---打开无边窗口.rar

    在网页设计中,"打开无边窗口"通常指的是利用JavaScript代码创建一个新的浏览器窗口,该窗口可以自定义大小、位置、工具栏等属性,以达到特定的用户体验效果。在"javascript经典特效---打开无边窗口.rar"这个资源中...

    JavaScript应用实例-自定义canvasButton.js

    JavaScript应用实例-自定义canvasButton.js

    用js实现自定义标签

    本案例通过JavaScript来实现自定义标签的功能。具体而言,它通过遍历文档中的内容,将自定义的标签转换为标准的HTML标签,并应用相应的样式。下面我们将详细介绍其实现细节。 #### 自定义标签代码解析 ```...

    js-swiper-分页标签加进度条-自定义位置加进度条

    在这个特定的场景中,我们关注的是如何在Swiper中添加分页标签以及进度条,并且能够自定义它们的位置。下面将详细探讨这两个特性。 一、Swiper 分页标签 Swiper 自带了分页功能,它允许用户通过点击分页点来切换...

    使用Vue-Grid-Layout实现自定义工作台

    Vue.js 是一个流行的前端JavaScript框架,它以组件化开发、易用性和高性能著称。Vue-Grid-Layout 是一个基于 Vue.js 的响应式栅格布局系统,它允许开发者创建自定义的工作台,用户可以根据需要自由调整各个组件的...

    微信小程序-自定义picker选择器wxminiprogram-picker-master.zip

    3. 兼容性考虑:确保自定义组件在不同版本的微信小程序中都能正常工作,必要时进行版本适配。 总结,"微信小程序-自定义picker选择器wxminiprogram-picker-master.zip"是一个针对微信小程序的自定义组件示例,它...

    jQuery给HTML标签添加自定义属性.zip

    本教程将聚焦于如何使用jQuery给HTML标签添加自定义属性,这在增强网页元素功能和实现特定逻辑时十分有用。 首先,让我们了解一下自定义属性。在HTML5中,允许开发者为元素添加非标准的属性,这些属性通常以"data-...

    javascript经典特效---滚动条的彩色显示.rar

    Chrome、Firefox和Safari等现代浏览器支持CSS3的`::-webkit-scrollbar`和`::-webkit-scrollbar-thumb`伪元素来定制滚动条的样式,但IE和Edge(旧版)并不支持这些属性,因此在实现彩色滚动条时需要考虑兼容性问题。...

    自定义标签-主页.zip

    总的来说,自定义标签是提高Web应用程序可扩展性和复用性的重要工具,通过结合JavaScript和Web Components技术,开发者可以构建出富有表现力且高度定制化的用户界面。这个项目提供了一个实践自定义标签和JavaScript...

    自定义标签

    - **TLD(Tag Library Descriptor)文件**:这是定义自定义标签的元数据文件,包含了标签的名称、属性、导出的变量等信息。TLD文件一般以`.tld`为后缀,通常放在WEB-INF目录下。 - **Tag Handler类**:处理标签...

    JavaScript应用实例-对话框自定义view.js

    JavaScript应用实例-对话框自定义view.js

    JavaScript应用实例-qq自定义分享.js

    JavaScript应用实例-qq自定义分享.js

    HTML5中的dataset自定义属性-0.pdf

    在编写JavaScript代码时,为了确保跨浏览器的兼容性,我们需要先检测浏览器是否支持 `dataset` 属性,如果不支持,则需要采用回退策略,比如使用 `getAttribute` 方法来访问这些自定义属性: ```javascript var ...

    ExtTag,获取HTML自定义属性

    同时,为了保证代码的可维护性,应尽量将复杂的逻辑移至JavaScript,而不是过度依赖HTML的自定义属性。 综上所述,`ExtTag`可能是用于简化HTML自定义属性操作的一个工具,它将这些属性转化为JS对象,便于在...

    jsp 自定义标签实例

    在JavaServer Pages (JSP) 技术中,自定义标签是扩展JSP功能的关键手段,它允许开发者创建可重用的组件,提高代码的可维护性和可读性。本实例将深入探讨如何实现一个简单的JSP自定义标签。 首先,自定义标签的实现...

Global site tag (gtag.js) - Google Analytics