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'); 
}

我猜测你没有使用JQuery或其他框架展示你的JS的例子，但是如果你没有宗教信仰，我还建议使用JS框架如JQuery来协助在DOM操作中。

在JavaScript中更改文本框的颜色

2 个答案: