zoukankan      html  css  js  c++  java
  • HTML标签自定义属性(转)

    HTML标签可以自定义属性

    HTML标签可以自定义属性,但是我们要考虑其在IE、Firefox以及chrome下的兼容性问题。
    例如:

    1. <div id="newTest" myAttr="getAttr"></div>
    复制代码

    这里的“myAttr”就是这个标签的自定义属性了。

    如果定义了属性却使用不了,那么这个属性就没有任何意义了,接下来就是如何去调用我们的自定义属性的值了。

    在IE浏览器里,我们通过获取对象后直接调用就可以了

    1. document.getElementById("newTest").myAttr;
    复制代码

    在IE浏览器里,我们同样可以对其直接赋值而动态产生一个自定义属性:

    1. document.getElementById("newTest").newAttr = "new";
    复制代码


    在火狐和谷歌浏览器里,我们可以通过getAttribute方法来实现调用:

    1. document.getElementById("newTest").getAttribute("myAttr");
    复制代码

    在火狐和谷歌浏览器里,我们可以通过setAttribute方法在产生并设置一个自定义属性:

    1. document.getElementById("newTest").setAttribute("newAttr","new");
    复制代码


    自定义属性一般是我们用来存储数据或是相关依据的,根据实际情况,自定义属性其实很有用的。

    测试浏览器:IE8,firefox 8.01,chrome 17.0.963.46 m
    测试结果:能够获取到自定义属性

    另外补充一点,如果不想做兼容判断,其实我们可以使用Jquery的attr方法来获取与设置自定义属性的值,目前测试结果是全兼容。

    1. $("#newTest").attr("myAttr");
    2. $("#newTest").attr("newAttr","new");
  • 相关阅读:
    天正暖通2013版安装包附带注册机下载
    你妈安好
    利用FLASH和XML做炫酷图片相册
    空调冷凝水管径选用原则
    知足常乐
    曾经的真三国无双
    Deep Exploration安装破解汉化
    Revit模型文件输出为3D PDF格式的方法
    Adobe Acrobat 9 Pro Extended简体中文版安装破解汉化教程
    Keep reading
  • 原文地址:https://www.cnblogs.com/shuiche/p/4668865.html
Copyright © 2011-2022 走看看