Изменить цвет текстового поля в 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';
   }
}

Если вы используете это для размещения водяного знака в текстовом поле, вас также может заинтересовать следующая публикация переполнения стека:

• Переполнение стека как водяные знаки в формах

Answer 2

Я бы изменил атрибут style или class , чтобы сделать это в 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.