Изменение цвета текстового поля в JavaScript

Question

У меня есть этот небольшой код JavaScript, который мне нужна помощь с:

function doFocus(text) { 
    if (text.value == "Enter Name") { 
     text.value = "Student Name -"; 
    } 
} 

Все, что мне нужно здесь, когда кто-то нажимает на мое текстовое поле, текст «Имя студента -» должны изменить его цвет, и должен text-align = left. Я ищу подходящий синтаксис для чего-то вроде text.color и text.align.

Answer 1

Предполагая text является элементом DOM, вы можете попробовать следующее:

function doFocus(text) { 
    if (text.value === 'Enter Name') { 
     text.value = 'Student Name -'; 
     text.style.color = 'red'; 
     text.style.textAlign = 'left'; 
    } 
} 

Если вы используете это, чтобы поместить водяной знак в текстовом поле, вы также можете быть заинтересованы в проверке из следующих Stack Overflow сообщение:

• Stack Overflow like Watermarks in Forms

Answer 2

Я изменил бы стиль или класс атрибут, чтобы сделать это в CSS, вероятно.

// JS pseudocode just to get the idea across 
var textBox = getTheTextBox(); 
if (textBox.value == "bla") 
{ 
    // use JS framework like JQuery to change the css class 
    textBox.class('highlight'); 
} 

Я предполагаю, для примера, вы не показывать JS с помощью JQuery или какой-либо другой основы, но только в том случае, если вы не получили религию, я также предлагаю использовать рамки JS такие как JQuery, чтобы помочь в манипулировании DOM.