如何获取Input标签自定义属性的值

HTML代码:

<input type="text" name="s01" data="自定义数据信息" />  

JavaScript代码:

因为data不是input标签原生的属性,所以不能使用"点"操作。

非标准属性,要用:obj.getAttribute("data");的方式。

错误的用法:var data = obj.data;

var data = document.getElementsByName("s01")[0].getAttribute('data');

自定义属性是比较好用的,尤其是表单中用来存放数据信息。

在百度分享中就有应用:

<!-- Baidu Button BEGIN -->
    <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
        <span class="bds_more">分享到:</span>
        <a class="bds_qzone"></a>
        <a class="bds_tsina"></a>
        <a class="bds_tqq"></a>
        <a class="bds_renren"></a>
        <a class="shareCount"></a>
    </div>
<script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=594502" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
    document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();
</script>
<!-- Baidu Button END -->

About 智足者富

http://chenpeng.info

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>