document操作自定义属性
生活随笔
收集整理的這篇文章主要介紹了
document操作自定义属性
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>document獲取對象2</title><script type="text/javascript">/* * js操作元素的固有屬性：* 1.獲取元素對象* 2.獲取固有屬性* 對象名.屬性名* 2.修改固有屬性* 對象名 .屬性名= 屬性值* 操作自定義屬性* 1.獲取元素對象* 2.獲取自定義屬性* 對象名.getAttribute("屬性名");* 3.修改自定義屬性* 對象名.setAttribute("屬性名","屬性值");* 注意：可以使用操作自定義屬性的方式操作固有屬性 但是不能獲取實時的value值*///獲取自定義對象function testGetSelField(){var c = document.getElementById("te");//查看屬性內容alert(c.getAttribute("a"));}//修改自定義屬性內容function testUpSelField(){var c = document.getElementById("te");c.setAttribute("a","哇哈哈");alert(c.getAttribute("a"));}//使用自定義的方式操作固有屬性function testGetOperField(){var c = document.getElementById("te");//alert(c.getAttribute("type"));alert(c.getAttribute("value")+":"+c.getAttribute("value"));}//使用自定義的方式修改元素的固有屬性function testUpOperField(){var c = document.getElementById("te");c.setAttribute("type","button");}/**************************************************************/function getField(){var c = document.getElementById("te");alert(c.value+":"+c.type);}function setField(){var c = document.getElementById("te");c.type = "button";}</script></head><body><h1>document獲取自定義屬性</h1><hr /><input type="text" name="" id="te" value="獨釣寒江雪" a = "456"/><hr /><input type="button" name="" id="" value="測試獲取元素自定義元素" οnclick="testGetSelField()"/><input type="button" name="" id="" value="測試修改自定義屬性內容" οnclick="testUpSelField()"/><hr /><input type="button" name="" id="" value="測試獲取元素固有屬性" οnclick="testGetOperField()"/><input type="button" name="" id="" value="測試修改元素固有屬性" οnclick="testUpOperField()"/><hr /><input type="button" name="" id="" value="獲取固有屬性" οnclick="getField()" /><input type="button" name="" id="" value="設置固有屬性" οnclick="setField()" /></body>
</html>
總結
以上是生活随笔為你收集整理的document操作自定义属性的全部內容，希望文章能夠幫你解決所遇到的問題。
