JavaScript教程-innerText

JavaScript教程-属性 innerText 可以用于在 HTML 文档中编写动态的文本内容。在这里，文本将不会被解释为 HTML 文本，而是普通的文本内容。

它主要用于在网页中生成动态内容，例如编写验证消息、密码强度等。

Javascript innerText 示例

在这个例子中，我们将在键盘松开按键后显示密码强度。

<script type="text/javascript">
function validate() {
  var msg;
  if (document.myForm.userPass.value.length > 5) {
    msg = "good";
  } else {
    msg = "poor";
  }
  document.getElementById('mylocation').innerText = msg;
}
</script>

<form name="myForm">
  <input type="password" value="" name="userPass" onkeyup="validate()">
  Strength:<span id="mylocation">no strength</span>
</form>

在这个示例中，当用户在密码输入框中输入密码后，松开按键时，会根据密码的长度来显示密码强度。如果密码长度大于 5，将显示 "good"，否则显示 "poor"。这是通过将 msg 的值赋给具有 id 为 mylocation 的元素的 innerText 属性来实现的。