快捷導(dǎo)航

JavaScript變量Dom對象的所有屬性

更新時間：2020年04月30日 16:05:54 作者：枳貍

這篇文章主要介紹了JavaScript變量Dom對象的所有屬性,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

DOM對象的HTML:

　　<button>Disable State</buttom>

1,遍歷DOM對象所具有的屬性（全部，不管是否在HTML tag中是否設(shè)置）

<!DOCTYPE html>
<html>

<body>
  <button id="btnToggleState" onclick="toggleStateManagement()">
      Disable State
  </button>
</body>
<script>
  var obj = document.getElementById("btnToggleState");
  var s = "";
  for (var elem in obj) {
    s += elem + "\n";
  }
  alert(s);
</script>
</html>

結(jié)果：

2.遍歷DOM對象在HTML中設(shè)置過的屬性：

　　每一個attribute屬性有一個附加屬性specified，當(dāng)屬性是HTML Element的屬性(指寫在代碼中可見的)，或者是通過setAttribute方法進(jìn)行的添加的時候，它的值為 true。

<!DOCTYPE html>
<html>

<body>
  <button id="btnToggleState" onclick="toggleStateManagement()">
      Disable State
    </button>
</body>
<script>
  // var obj = document.getElementById("btnToggleState");
  // var s = "";
  // for (var elem in obj) {
  //   s += elem + "\n";
  // }
  // alert(s);


  var obj = document.getElementById("btnToggleState");
  var pairs = new Array();
  for (var i = 0, len = obj.attributes.length; i < len; i++) {
    var name = obj.attributes[i].nodeName;
    var value = obj.attributes[i].nodeValue;
    if (obj.attributes[i].specified) {
      pairs.push(name + "=\' " + value + "\' ")
    }
  }
  alert(pairs);
</script>

</html>

結(jié)果如下：

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

不同編碼的頁面表單數(shù)據(jù)亂碼問題解決方法
這篇文章主要介紹了不同編碼的頁面表單數(shù)據(jù)亂碼問題解決方法,本文使用一個表單不常用屬性accept-charset解決了這個問題,需要的朋友可以參考下
2015-02-02
純javascript代碼實現(xiàn)計算器功能(三種方法)
純javascript代碼實現(xiàn)計算器功能，接下來，由小編給大家分享一下用純javascript代碼編寫的計算器程序，需要的朋友可以參考下
2015-09-09
在layui中select更改后生效的方法
今天小編就為大家分享一篇在layui中select更改后生效的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
ES6之模版字符串的具體使用
這篇文章主要介紹了ES6之模版字符串的具體使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-05-05
form表單中去掉默認(rèn)的enter鍵提交并綁定js方法實現(xiàn)代碼
form表單中默認(rèn)的enter提交是不是讓你已經(jīng)很耐煩了吧，本文主要講解一下如何去掉默認(rèn)的enter鍵提交同時綁定js方法，感興趣的朋友可以參考下哈
2013-04-04
[轉(zhuǎn)]去百度面試的javascript 收獲
前兩天去了百度面試，1面是很順利，2面基本是被問暈問傻問成了個白癡。沒去之前，自己覺得自己的js還是可以的，但是被考官問的基本變成了白癡。
2009-04-04
js加減乘除丟失精度問題解決方法
在javascript中，帶小數(shù)的數(shù)據(jù)運算時總會出現(xiàn)好多位小數(shù).這是因為在javascript中浮點數(shù)的計算是以2進(jìn)制計算的
2014-05-05
微信小程序?qū)崿F(xiàn)點擊空白隱藏的方法示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)點擊空白隱藏的方法示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08
JS選項卡動態(tài)替換banner圖片路徑的方法
這篇文章主要介紹了JS選項卡動態(tài)替換banner圖片路徑的方法,涉及javascript操作文件css樣式的相關(guān)技巧,非常簡單實用,需要的朋友可以參考下
2015-05-05
javascript的offset、client、scroll使用方法詳解
javascript的offset、client、scroll在使用過程中非常頻繁，接下來將對此進(jìn)行一一介紹，需要了解的朋友可以詳細(xì)參考下
2012-12-12