javascript - 从 javascript 在 html 页面中打印或回显消息

Question

我有以下脚本

function validateEmailp() {
var messagemail = document.getElementById('emailerrorz').innerText;
var two = document.getElementById('email').value;
var first = two.split("@")[1];
var badEmails = ["gmail.com", "yahoo.com"]
if (badEmails.indexOf(first) != -1) {
        document.getElementById("email").value = ""; //this works
    messagemail = 'We do not accept free e-mails'; //this doesn't
    return false;
    }   
return true;
}

和 HTML

<td>{EMAILFIELD}<span id="emailerrorz"></span></td>

和 {EMAILFIELD} 在 PHP

<input id="email" class="txt" type="text" name="email" size="25" value="" maxlength="255" onblur="validateEmailp()"></input>

但它对我在跨度 ID 中打印错误不起作用。它仅适用于从那里重置值。

Answer 1

当你这样做时，var messagemail = document.getElementById('emailerrorz').innerText;你的变量会存储一个包含该内容的字符串。

当您var messagemail = document.getElementById('emailerrorz');的变量存储对象/元素时，您可以使用该属性.innerText

所以使用：

var messagemail = document.getElementById('emailerrorz');
// rest of code
messagemail.innerText = 'We do not accept free e-mails';

Answer 2

属性不能以这种方式工作。你要：

 document.getElementById('emailerrorz').innerText = 'We do not accept free e-mails'

或者

  var messagemail = document.getElementById('emailerrorz');
  ....
  messagemail.innerText = etc

http://jsfiddle.net/MJXEg/