HTML 标签自定义属性

最新推荐文章于 2024-08-27 16:35:39 发布
最新推荐文章于 2024-08-27 16:35:39 发布
阅读量4.5k 收藏 10
点赞数
分类专栏： Web 文章标签： html firefox javascript ie 存储 web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lovingprince/article/details/2826356
版权

HTML标签可以自定义属性，但是我们要考虑其在IE和Firefox下的兼容性问题。

  1. <input type="text" id="tt" name="mm" value=""  outerAttribute="fdfdfdfdf" />

这里的outerAttribute属性是我们自定义的，在javaScript中如何引用这个值呢？可以使用

 

  1. document.getElementById("tt").outerAttribute

上面的代码只在IE下有效。要想兼容Firefox则需要使用下面的代码

  1. document.getElementById("tt").getAttribute("outerAttribute")

一般情况下，自定义属性主要是为了存储一些和当前标签相关联的一些重要的值，在web页面设计中可以考虑。

lovingprince
关注
专栏目录
html 标签的自定义属性
zzijian的博客
04-27 9132
html 标签的自定义属性 原创wsh900221 最后发布于2018-06-15 15:18:38 阅读数 22024 收藏 展开 自定义属性是相对于内置属性来说的。 JavaScript 操作 <input type="text" id="txtBox" displayName="123456" /> var obj = document.getElementById("tx...
HTML5自定义属性
啨天的博客
06-30 3101
传统的HTML中如果想要实现某种样式，可以在标签上添加id、class、或者在标签上添加固有属性，通过CSS中的类选择器、id选择器、属性选择器来实现，在许多UI框架中，例如：bootstrap，可以通过data-[ ]自定义属性，不用写一行js代码，方便了很多。同样在HTML5可以通过data-自定义属性名来给元素添加自定义的属性名。一旦添加完成之后。通过JS可以获取以及设置自定义属性。例如： H5中自定义属性大体可分为两种方式：在代码开始之前先说明一下规范和注意事项下面展示代码： 以上就是
HTML - 标签自定义属性
热门推荐
chenjineng的博客
08-20 1万+
html标签中，除了标准的属性名外，还可以自定义属性名，下面看下两种自定义属性的使用 1.自定义属性名 <body> <button desc="this is a button">Click me!</button> <script> var btn = document.querySelector('button') console.log(btn.getAttribute('desc')) // 获取属性值 b
HTML 标签自定义属性的问题
holmes89757的博客
06-15 1513
HTML 标签里可以自定义属性，但要考虑到浏览器兼容性的问题。 写一段 HTML 代码如下： 在这个 标签里，我们自定义了一个属性 “myAttr” ，它的属性值为 “testAttr” 。如果定义一个属性却不使用它，那么这个属性是没有任何意义的。接下来我们在 JavaScript 里来调用这个属性： var test = document.getElementById
html用户自定义属性,HTML 标签自定义属性的问题
weixin_34477616的博客
06-04 169
HTML 标签里可以自定义属性，但要考虑到浏览器兼容性的问题。写一段 HTML 代码如下：[html] view plain copy在这个 标签里，我们自定义了一个属性 “myAttr” ，它的属性值为 “testAttr” 。如果定义一个属性却不使用它，那么这个属性是没有任何意义的。接下来我们在 JavaScript 里来调用这个属性：[javascript] view plain copy...
通过javascript获取HTML标签自定义属性
杨春建的博客
08-24 1409
原文地址：http://blog.sina.com.cn/s/blog_8f49f0060100v2u5.html HTML标签可以自定义属性，但是我们要考虑其在IE和Firefox下的兼容性问题。 这里的outerAttribute属性是我们自定义的，在javaScript中如何引用这个值呢？可以使用  注:outerAttribute可以是其他的自定义的属性名称
关于html标签自定义属性的问题
09-28
自定义属性是开发者为了满足特定需求而在HTML标签上添加的非标准属性。例如，在提供的代码片段中，`<img>`标签包含了多个自定义属性，如`msrc`, `infoType`, `id`, `moduleId`, `chsDesc`, `engDesc`, `chsName`, `...
关于HTML5的data-*自定义属性的总结
08-27
HTML5中的data-*自定义属性 HTML5中的data-*自定义属性是一种特殊的自定义属性，它们可以用来存储和操作数据。在HTML5规范中，引入了data-*自定义属性，以提供与渲染无关的信息。这类属性的命名需要添加前缀data-，...
HTML5如何添加自定义标签属性(data-自定义属性).zip
01-10
HTML5如何添加自定义标签属性(data-自定义属性).zip
详解HTML5 data-* 自定义属性
12-30
在jQuery的attr与prop提到过在IE9之前版本中如果使用...使用data-*可以解决自定义属性混乱无管理的现状。 读写方式 data-*有两种设置方式，可以直接在HTML元素标签上书写 Click Here 其中的data-age就是一种自定
HTML5 自定义属性
qq_41045651的博客
07-06 1514
需要注意的是，通过自定义属性存储的数据仅在客户端（前端）使用，不会被发送到服务器。自定义属性可以用于 JavaScript、CSS 或其他前端逻辑中，以满足特定的需求。HTML5 提供了自定义属性（Custom Attributes）的功能，允许开发者在 HTML 元素上添加自定义的属性，以便存储额外的数据或提供特定的功能。开头，后面可以跟上任意的自定义名称。这样的命名约定有助于确保自定义属性不与 HTML 或其他标准属性冲突，并且兼容性较好。是自定义属性，它们存储了关于。自定义属性的命名应以。
HTML中自定义属性并通过JS获取属性值
最新发布
2301_79858914的博客
08-27 517
是的，HTML可以自定义属性。自定义属性的语法是使用data-前缀，后面跟上自定义的属性名。例如：
Html 自定义标签
kerwin的专栏
06-10 9212
Html 自定义 标签 元素
自定义属性
weixin_54902466的博客
06-20 1569
自定义属性概念作用规范为什么要加 data- 开头语法注意事项代码演示:利用自定义属性完成tab切换 在 HTML 中除了标签的【标准属性】外，开发者还可以给标签【自定义属性】 概念 img的标准属性为src、alt等，但若写一个 data-info 则data-info叫自定义属性 作用 一般用来存储额外数据辅助完成某个功能 规范 自定义属性一律以 data- 开头，后面接名字，且名字中若多个单词用-隔开 例：data-info 、data-label、data-login-name等 为什么要加 dat
HTML（三）——HTML 标签（下）
m0_60434562的博客
03-25 517
该篇主要对pink老师的ppt进行整理，便于自己今后的学习和查阅。
CSS的自定义属性以及var()函数
hongying_18的博客
02-29 1720
css自定义属性与var()函数的基本使用方法，让css样式更加灵活
CSS 自定义属性（变量）
cd_yang2017的博客
10-12 2704
复杂的网站都会有大量的 CSS 代码，通常也会有许多重复的值。举个例子，同样一个颜色值可能在成千上百个地方被使用到，如果这个值发生了变化，需要全局搜索并且一个一个替换（很麻烦哎～）。自定义属性在某个地方存储一个值，然后在其他许多地方引用它。另一个好处是语义化的标识。比如，--main-text-color 会比 #00ff00 更易理解，尤其是这个颜色值在其他上下文中也被使用到。自定义属性受级联的约束，并从其父级继承其值。
Spring源码解析之自定义标签的解析与Bean的注册
微服务技术栈
09-27 519
前面我们降解了Spring中默认标签的解析，下面我们介绍Bean的自定义标签的解析，为何Spring这么强大，就是它具有强大的可扩展性，因此我们的自定义标签也可以通过Spring解析，比如Dubbo的自定义标签，其解析也是委托给BeanDefinitionParserDelegate完成的，调用的方法为：parseCustomElement(Element ele)，源码如下所示： public BeanDefinition parseCustomElement(Element ele) { r
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值