Замена значения атрибута

[kzn]

Это диалог или монолог? Похоже на опровержение.

да, типа опровержения

[kzn]

<div class= "form-group" id="innblock" ng-class="{error: myForm.inn.$invalid}">
            <label> ИНН </label>
            <div>
                <input name="inn" id="iinn" pattern="\d+" ng-model="agent.inn" type= "text" class= "form-control" maxlength="12" placeholder="ИНН" required/>
                <span ng-show="myForm.inn.$dirty && myForm.inn.$invalid" class="help-inline">Введите ИНН</span>
            </div>
        </div>

<script>
    var ell = document.querySelector("div.form-group input[name=inn]");
    ell.setAttribute("maxlength", "10");
</script>

Спасибо огромное, получилось! я не обертывал в кавычки название атрибута, невнимательность!

[kzn]

А required возможно удалить?

el.removeAttribute("required");

не срабатывает
пробовал так тоже:

el.setAttribute("required", false);

[рони]

не срабатывает

почему вы так решили?

[laimas]

el.setAttribute("required", false); - так не получится, это булево свойство.

<style>
input:required {
    background: #f00;
}
</style>
<input required="" /><input type="button" value="Remove" onclick="this.previousSibling.removeAttribute('required')"/>
<br/>
<input required="" /><input type="button" value="Set Not" onclick="this.previousSibling.required=!1"/>

[рони]

laimas,
забавно изменяется свойство required после removeAttribute('required') в ie, css сработает только при изменении фокуса.
можно сделать

input[required] {
    background: #f00;
}

тогда это незаметно.

[laimas]

Да, есть такое, но для примера и так сойдет, тут пользователей ишака наверное и не найти. )

А я обычно так поступаю, чтобы пользователь видел последствия:

input:invalid {
    
}

input:valid {
     
}

при этом при удалении свойства и ишак должен реагировать нормально.

[kzn]

почему вы так решили?

Кажется я понял. Проверил по вашим и laimas примерам, required убирается. Значит дело в другом, буду дальше разбираться. Спасибо огромное laimas и рони за помощь!