getAttribute('data').value;【前言】
大家經(jīng)常會從input標簽取valve。就這么一個簡單的動作，各個瀏覽器都不能兼容。但隨著技術(shù)的發(fā)展，會逐步達成統(tǒng)一。盡管如此，我還是來分享下自己的實踐結(jié)果。
【實驗過程】
先把要實驗的js代碼展現(xiàn)出來。
<div id="testDivID" name="testDivName" value="divTagValue" defMyTag="Lionbule">1</div>
<script>
(function(){
var id = document.getElementById("testDivID").attributes["id"].value;
var name = document.getElementById("testDivID").attributes["name"].value;
var value = document.getElementById("testDivID").attributes["value"].value;
var myTag = document.getElementById("testDivID").attributes["defMyTag"].value;
alert(id +" "+ name +" "+value+" "+myTag);
})();
</script>
在IE8、Firefox3.6、Chrome6.0下測試通過。換句話說，用上述獲取標簽屬性值的方式通用、可靠。
但在實驗過程中出現(xiàn)一個問題。如果div容器的內(nèi)容為空或空格，則只有chrome能正常執(zhí)行，IE、firefox均報出“document.getElementById("testDivID") is null.”。所以我在例子中特意寫了個1，無奈而為之。
【實踐結(jié)果及建議】
1、獲取html中任意標簽的屬性值均可采用如下方式：
document.getElementById("xxx").attributes["***"].value;
2、Jquery對html DOM的操作封裝的至上完美，兼容性灰常好，所以建議使用Jquery。
