Question

我认为我的问题标题很好地解释了我的需要。例如我的代码是

$x("//td[position()=//th[text()='Col B'][position()]")

现在边界是红色的。如果我要在其中写文字，我需要将其设为黑色。感谢

Answer 1

var inputName = document.querySelectorAll("[name=text]")[0];

inputName.addEventListener("input", function(){
  var hasVal = this.value.trim().length > 0
  this.style.border = "5px solid "+ (hasVal? "black" : "red");
});

input{ border: 5px solid red;}

<input class="input" type="text" name="text" method="post">

如果删除任何值，上述内容也将返回RED 如果你想保持黑色而不管值的长度如何：

var inputName = document.querySelectorAll("[name=text]")[0];

inputName.addEventListener("input", function(){
  this.style.border = "5px solid #000";
});

input{ border: 5px solid red;}

<input class="input" type="text" name="text" method="post">

如果键入文本，请更改输入边框颜色

1 个答案: