2013-07-12 5 views
1
<input id="test" value="123" name ="test" verify="NOTNULL"> 

В некотором HTML я видел, что тэг input имеет атрибут verify. Как добавить его во входной тег?Как добавить новый атрибут в тег

Я попробовал код

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

результат undefined.

Как добавить новый атрибут к элементу?

+0

Добавление атрибута к HTML-тег, как правило, выполняется на сервере. Вы говорите, что атрибут уже находится в теге HTML, и вам нужно извлечь его значение из элемента DOM JavaScript? –

+2

Не все атрибуты HTML сопоставляются с свойствами DOM, особенно с нестандартными атрибутами. Вы должны использовать атрибуты 'data- *' для пользовательских. См. Http://stackoverflow.com/q/992115/218196. Btw, атрибут * уже добавлен к элементу, потому что вы определили его в HTML. Кажется, вы хотите знать, как * получить доступ к нему. Если вы действительно хотите * добавить * программно, вы можете использовать 'setAttribute'. –

+0

... ах, я вижу, что HTML не был отформатирован и потерян. Да, как сказал @Felix, было бы полезно использовать атрибуты data-'вместо этого. –

ответ

5

Если вы хотите сказать, что HTML входной элемент имеет атрибут [verify], то вы можете получить доступ к атрибуту через getAttribute():

HTML:
<input id="test" verify="test" /> 
JS:
document.getElementById('test').getAttribute('verify'); //test 
+2

Обратите внимание, что атрибут '[verify]' не является допустимым атрибутом HTML, насколько мне известно. ['[data - *]' атрибуты должны использоваться для передачи значений пользовательских атрибутов] (http://www.w3.org/html/wg/drafts/html/master/single-page.html#embedding-custom-non -visible-данные-с-данных - * - атрибуты). – zzzzBov

1

Добавление атрибута с использованием чистого Javascript выполняется через setAttribute

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

И читать:

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

getAttribute, это сработало. – user2227242

Смежные вопросы