Question

Скажем, у меня есть этот HTML-элемент:

<div id="n1" nameok="hello"> 

Если я хочу, чтобы изменить атрибут nameok с помощью JS, он очень прост:

var x = document.getElementById("n1"); 
x1.nameok = 'new value'; 

Но, допустим, у меня есть еще один элемент, как это :

<div id="n2" name-not-ok="hello"> 

Затем, вторая линия генерации ошибки:

var x = document.getElementById("n2"); 
x2.name-not-ok = 'new value'; 

Я предполагаю, что проблема заключается в «-», который очень вероятно, не допускается, так что я пытался что-то вроде

x2."name-not-ok" = 'new value'; 
x2("name-not-ok") = 'new value'; 

Но это не сработало. Я пытался в Google, но я не смог найти правильный синтаксис в случае «запрещенных» символов в имени атрибута.

Конечно, я могу изменить соответствующий CSS, чтобы избежать использования атрибутов с помощью «-», а затем изменить весь мой HTML-код ... Но в первую очередь этот атрибут является частью «пакета», который я не писал , а во-вторых ... Там должен быть путь;)

Answer 1

используйте setAttribute как последуйте

x2.setAttribute('name-not-ok', 'new val'); 

Я бы рекомендовал использовать data-* атрибуты для пользовательских атрибутов.

x2.dataset.nameOk = 'new val'; 

Answer 2

Try:

x2 [ "имя-не-ОК"] = 'новое значение';