如何设置一个html节点's innerText和innerHtml不使用jQuery

How can I set an html node's innerText and innerHtml without using jQuery?

本文关键字：innerText innerHtml jQuery 节点 设置 何设置 html 一个      更新时间：2023-09-26

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

这是我尝试过的:

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

请帮我一下好吗?

谢谢。

getElementsByClassName返回元素集合。要设置第一个元素的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;
}
相关文章：