如何回应从javascript到div类html的东西

时间:2013-09-01 12:25:49

标签: javascript html echo

的Javascript

    function validateForm() {
        var result;
        var keywords = document.querySelectorAll('#keywords');
        [].slice.call(websites).forEach(function(website) {
            if (website.value == '') {
                website.focus();
                HERE I SAY SOMEHOW THE ERROR
                result = false;
                return true;
            }
        });  
        return result;
    }

HTML

<div class="error-website">HERE THE ERROR IS GETTING ECHOED</div>

如何在上面的div中回显网站,如何在条件中添加错误。

5 个答案:

答案 0 :(得分:1)

尝试:

document.querySelectorAll('.error-website')[0].innerHTML = 'Website';

正如NULLVisioN指出的那样:

document.querySelector('.error-website').innerHTML = 'Website';

甚至更快,因为“querySelector更快,除非匹配是DOM中的最后一个DomNode”

答案 1 :(得分:1)

首先,使用ID而不是类更合适;原因是类是用于元素的类(即类别);但是,在您的情况下,您正在处理一个唯一的元素(您只有一个),所以假设您接受我的建议并更改为以下标记:

<div id="error-website">HERE THE ERROR IS GETTING ECHOED</div>

......它将如此简单:

document.getElementById('error-website').innerHTML = "whatever <strong>you</strong> <em>like</em>";

答案 2 :(得分:0)

$(&#34; .error-网站&#34)。文本(&#34;网址&#34)

答案 3 :(得分:0)

document.getElementById('error-website')。innerHTML = ....

如果你使用id ...

答案 4 :(得分:0)

使用DOM document.getElementsByClassName

例如

function validateForm() {
      var result;
      var keywords = document.querySelectorAll('#keywords');
      [].slice.call(websites).forEach(function(website) {
    if (website.value == '') {
    website.focus();
        HERE I SAY SOMEHOW THE ERROR
        result = false;
        return true;
    }
});  
return result;

var a=validateForm();
if(a){
 document.getElementsByClassName("error-website")[0].innerHTML=a;
}

注意:getElementsByClassName()在Internet Explorer 5,6,7和8中不起作用