Question

我有一些jQuery将一些HTML输出到id，但是在我的代码中它必须输出到一个类。我有什么想法可以实现这个目标吗？

document.getElementById("content").innerHTML=output;

<div class="content> </div>

我已经尝试了getElementsByClass，但它似乎对我不起作用。

Answer 1

你所拥有的不是jquery，它是原始的JS，如果你的项目中已经有了jQuery，那么使用jQuery会更容易：

$(".content").html(output);

Answer 2

getElementsByClassName返回一个数组，因此假设这是您文档中的第一个内容，请使用：

document.getElementsByClassName("content")[0].innerHTML = output;

如果有多个元素，您可以使用循环遍历它们并定位您想要的元素，例如

var content = document.getElementsByClassName('content');
for (var i = 0; i < content.length; i++) {
    content[1].innerHTML = "Second element with class content";
    content[3].innerHTML = "Fourth element with class content";
}

jsFiddle here

Answer 3

getElementsByClassName返回所有匹配元素的数组。尝试循环遍历此数组并调整每个数组项

var elements = document.getElementsByClassName('class-name');
for ( var i = 0; i < elements.length; i++ )
{
elements[i].innerHTML = output;
}

Answer 4

您可以将querySelectorAll用于此目的

document.querySelectorAll(".content")[0].innerHTML = output;

documet.querySelectorAll返回带有匹配选择器的元素。

Answer 5

使用getElementsByClassName方法。

javascript错过了

[0]。这就是原因，你无法获取记录。

document.getElementsByClassName（＆＃34; content＆＃34;）[0] .innerHTML = output;

getElementById选择类而不是id

5 个答案: