Javascript 如何设置html节点';s innerText和innerHtml而不使用jQuery?

Javascript 如何设置html节点';s innerText和innerHtml而不使用jQuery?,javascript,innerhtml,innertext,Javascript,Innerhtml,Innertext,在javaScript中,如何在不使用jQuery的情况下设置html节点内部文本和内部html 以下是我尝试过的: function setInnerText(className, data) { document.getElementsByClassName(className).innerText(data); } function setInnerHTML(className, data) { document.getElementsByClassName(classN

在javaScript中,如何在不使用jQuery的情况下设置html节点内部文本和内部html

以下是我尝试过的:

function setInnerText(className, data) {
    document.getElementsByClassName(className).innerText(data);
}

function setInnerHTML(className, data) {
    document.getElementsByClassName(className).innerHTML(data);
}
我能帮点忙吗

谢谢。

返回元素集合。要设置第一个元素的
innerText
,请使用

document.getElementsByClassName(className)[0].innerText(data);
您还可以使用
querySelector

document.querySelector('.' + className).innerText = data;
要设置所有元素的
innerText

var elements = document.getElementsByClassName(className);
// var elements = document.querySelectorAll('.' + className);

for (var i = 0, len = elements.length; i < len; i++) {
    elements[i].innerText = data;
}
var elements=document.getElementsByClassName(className);
//var elements=document.querySelectorAll('.'+className);
for(var i=0,len=elements.length;i
请注意,innerText不是W3C标准,(符合标准的)等价物是textContent。