html自定义属性无法获取,通过javascript获取HTML标签自定义属性

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

id="tt" name="mm" value="" outerAttribute="fdfdfdfdf"

/>

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

注:outerAttribute可以是其他的自定义的属性名称

document.getElementByIdx_x_x("tt").outerAttribute

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

document.getElementByIdx_x_x("tt").getAttribute("outerAttribute")

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

原文引自:

例：

id="ceshi" name="ceshir" dataType="phone" msg="电话不能为空"

/>

alert(document.getElementByIdx_x_x("ceshi").getAttribute("dataType"));

alert(document.getElementByIdx_x_x("ceshi").getAttribute("msg"));

function test(){

var d1 = document.getElementByIdx_x('d1');

var p1 = document.getElementByIdx_x('p1');

alert(d1.alt); // 仅IE支持

alert(p1.alt); // 仅IE支持

alert(d1.getAttribute('alt')); // IE、FF、谷歌浏览器都支持

alert(p1.getAttribute('alt')); // IE、FF、谷歌浏览器都支持

}

alt='ddd_1_2'>测试一

alt='ppp_1_2'>测试二

/>