Почему эта функция setAttribute не работает?

Я хочу, чтобы мой пункт с идентификатором "fn_warn" был виден при нажатии кнопки "Отправить".

мой HTML и JS-код как,

<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
    First name
    <input id="first_name" type="text"/>
    <p id="fn_warn" style=" visibility: hidden; color: red;">#Please enter a valid name...</p>
    <input class="button" onclick="tada();" type="submit" value="Submit" /> <input class="button" type="reset" />
</body>
</html>

<script>
    function tada(){
       var x= document.getElementById("fn_warn");
       x.setAttribute("visibility","visible");
    }  
</script>
Источник

1 ответ

Решение

Правила CSS не являются атрибутами. Использовать style свойство вместо этого, поскольку правило является встроенным:

function tada(){
    var x = document.getElementById("fn_warn");
    x.style.visibility = "visible";
}
Источник
Другие вопросы по тегам