`
李俊良
  • 浏览: 147389 次
  • 性别: 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

    4. **JavaScript函数与闭包**:可能包含了自定义函数来封装变化逻辑,确保代码的可重用性和模块化。如果在函数内部引用了外部变量,可能会用到闭包来保持这些变量的状态。 5. **CSS样式控制**:为了实现文字的特效...

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

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

    用js实现自定义标签

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

    layui-自定义多选-禁用.rar

    - **JavaScript/jQuery**:layui主要是基于JavaScript和jQuery构建的,所以扩展其日期控件需要对这两种语言有深入理解,包括DOM操作、事件处理、对象和数组操作等。 - **layDate配置项**:layui的日期控件接受一...

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

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

    javascript经典特效---从左飞入的文字.rar

    此外,为了提高代码的可维护性和复用性,可以将动画逻辑封装成一个函数,甚至是一个自定义的JavaScript组件。这需要理解函数、对象和模块化编程的概念。 压缩包内的"从左飞入的文字.htm"文件很可能包含了一个完整的...

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

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

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

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

    javascript经典特效---测试警告.rar

    总的来说,这个压缩包可能包含了一个使用JavaScript实现的警告提示功能的实例,不仅展示了如何使用原生的`alert()`,还可能展示了如何通过自定义HTML和CSS,结合JavaScript实现更丰富的交互体验。通过学习这个例子,...

    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

Global site tag (gtag.js) - Google Analytics