У меня есть HTML-файл с элементом ввода, в который я хочу добавить новый атрибут с именем «valid-fieldset011», который используется в качестве ссылки на валидатор AngularJS.Элемент ввода имеет атрибут id = "fieldset011".Если я использую следующий скрипт (заключенный в теги скрипта)
var inputElement = document.getElementById('fieldset011');
inputElement.setAttribute('valid-fieldset011', '');
, все работает нормально.Валидатор распознает новый атрибут.Однако, если я добавлю атрибут onfocus = "theFunction ()" и вызову следующий скрипт (также заключенный в теги скрипта)
function theFunction() {
var inputElement = document.getElementById('fieldset011');
inputElement.setAttribute('valid-fieldset011', '');
console.log("in theFunction");
}
, нажав на элемент ввода, он не будет работать.В этом случае валидатор не распознает новый атрибут.Но я знаю, что эта функция выполняется, потому что в консоли браузера появляется сообщение «в функции».
Кто-нибудь знает, почему это происходит?Я хочу использовать функцию так, как я хочу, чтобы в качестве параметра можно было указывать идентификатор элемента.