需要做特殊處理的DOM元素屬性的訪問

2022-10-06 18:12:11 字數 854 閱讀 9804

複製** **如下:

var props =

說點題外話,用json格式來建立物件的話,建議屬性不需要單引號或者雙引號,除非一些ecmascript的關鍵詞,比如上面的'for','class'等,建議平時還是用

單引號,到不是說單引號一定就比雙引號更好,更符合規範,但是一種習慣還是很重要的,不要在**中即出現單引號又出現雙引www.cppcns.com號的。

舉個簡單的例子:

複製** **如下:

name:程式設計客棧="text" id="username" name="username"/>

假如你想直接通過elem.propertyname這樣的訪問方式來得到某個dom元素的某個屬性值,對於上面的屬性訪問你就必須做個簡單的變化,

例如上面的這個例子,你想得到label的for屬性值。

複製** **如下:

var ele = document.getelementbyid('test');

var val = ele.htmlfor;

//或者

val = ele['htmlfor'];

//通過標準的dom方法訪問的話,就程式設計客棧不需要做特殊處理了

val = ele.getattribute('for程式設計客棧');

val = ele.getattributenode('for').value;

同樣對於class,readonly等的訪問,上面的幾種訪問方式也一樣適合。

個人覺得直接通過屬性訪問或許會比通過dom方法訪問要快些。

下面的文章會再對特殊屬性的訪問做介紹。

本文標題: 需要做特殊處理的dom元素屬性的訪問

本文位址:

用於處理XML文件的DOM元素屬性

childnodes 返回當前元素所有子元素的陣列 firstchild 返回當前元素第乙個下級子元素 lastchild 返回當前元素的最後乙個子元素 nextsibling 返回緊跟在當前後面的 元素 nodevalue 指定表示元素值的讀寫屬性 parentnode 返回元素的父節點 prev...

處理XML文件的DOM元素屬性和方法

屬性名 描述childnodes 返回當前元素所有子元素的陣列 firstchild 返回當前元素的第乙個下級子元素 lastchild 返回當前元素的最後乙個子元素 nextchild 返回緊跟在當前元素後面的元素 nextsibling 指定表示元素值的讀 寫屬性 nodevalue 返回元素的...

DOM對元素屬性的操作

獲取元素屬性值 input.getattribute type 給元素新增屬性值 第乙個引數是屬性名,第二個引數是屬性的值 必須兩個引數 input.setattribute yes ok yes ok新增屬性 乙個值 input.attributes.setnameditem disabled 建...