Смяна на шрифта

[Pavlinov]

Бихте ли ми казали как да сменя шрифта на текстовете "Invalid Username" и "Valid Username"?

Код:


[js] <script type='text/javascript'>
function checkForm()
{
var user = document.getElementById('user').value;

if(user.length < 5)
{
alert("Invalid username")
return false;
}
else
{
return true;
}
}

function checkUser()
{
var user = document.getElementById('user').value;
var element = document.getElementById('labelUser');

if(user.length < 5)
{
element.innerHTML = "Invalid Username";
element.style.color = "red";
}
else
{
element.innerHTML = "Valid Username";
element.style.color = "green";
}
}
</script>[/js]

Просто сега го уча и ми е тъмна Индия просто... Потърсих в интернет, но намерих само как да сменям шрифта в самият html код, а не в javascript кода. :shock: Благодаря на отзовалите се .

 

[exec]

[js]element.style.fontFamily = 'Verdana';
element.style.fontWeight = 'bold';
element.style.fontStyle = 'italic';[/js]

По-добър вариант (по-чист код и по-лесни промени) би бил да сменяш направо името на класа, и чрез CSS да си управляваш всички тези стойности.

[js]element.className = 'error';[/js]
[css].error {
font-family: Verdana, Tahoma, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #ff0000;
}[/css]