如何給標籤添加新屬性

<input id="test" value="123" name ="test" verify="NOTNULL">

在某些HTML中，我看到input標籤的屬性爲verify。如何將它添加到輸入標籤？如何給標籤添加新屬性

我試圖代碼

alert(document.getElementById("test").verify)

結果是undefined。

如何向元素添加新屬性？

來源

2013-07-12 user2227242

添加屬性到HTML標記是在服務器上通常所做的。你是說這個屬性已經在HTML標籤上了，你需要從JavaScript DOM元素中提取它的值嗎？ –

並非所有HTML屬性都映射到DOM屬性，特別是不包含自定義屬性。你應該使用'data- *'屬性來定製。請參閱http://stackoverflow.com/q/992115/218196。順便說一句，屬性*已*添加到元素，因爲您在HTML中定義它。看來你想知道如何*訪問它。如果你真的想以編程方式添加它，你可以使用'setAttribute'。 –

...啊，我看到HTML格式不合並且丟失。是的，就像@Felix所說的那樣，使用'data-'屬性會更好。 –

如果你的意思是說，HTML input元素具有[verify]屬性，那麼您可以通過getAttribute()訪問屬性：

_HTML：

<input id="test" verify="test" />

_JS：

document.getElementById('test').getAttribute('verify'); //test

來源

2013-07-12 19:34:02 zzzzBov

請注意，就我所知，「[驗證]」屬性不是有效的HTML屬性。 ['[data - *]'屬性應該用於傳遞自定義屬性值]（http://www.w3.org/html/wg/drafts/html/master/single-page.html#embedding-custom-non - 可見光數據與 - 的數據 - * - 屬性）。 – zzzzBov

使用純Javascript添加屬性是通過setAttribute

document.getElementById("test").setAttribute("verify","verified");

，並閱讀它：

document.getElementById("test").getAttribute("verify")

來源

2013-07-12 19:36:31 Icarus

getAttribute，它的工作。 – user2227242

如何給標籤添加新屬性

回答

相關問題