Javascript 需要使用类从div获取innerHTML的帮助吗

我试图获取div innerHTML，但我不能给出那个div ID，所以我尝试按类名获取它。以下是html：

<div class=" nicEdit-main    " style="width: 499px; margin: 4px; min-height: 149px; overflow: hidden;" contenteditable="true"><div align="center"><ol><li><sub><font size="5">+++</font></sub></li></ol></div></div>

---

但是它返回未定义的。我能做些什么来获取innerHTML？

文档。GetElementsByCassName

返回一个数组而不是单个元素（注意中间的

s

）

如果您的元素是该类的唯一元素，那么它将是数组的第一个元素，因此

document.getElementsByClassName（“nicEdit main”）[0]。innerHTML

将返回您想要的内容

---

但是，这是一种非常糟糕的做法，因为类是对许多元素的引用，而不是对单个元素的引用。我建议给div一个唯一的ID，然后用它来选择它。

document.getElementsByClassName

返回一个数组而不是单个元素（注意中间的

s

）

如果您的元素是该类的唯一元素，那么它将是数组的第一个元素，因此

document.getElementsByClassName（“nicEdit main”）[0]。innerHTML

将返回您想要的内容

但是，这是一种非常糟糕的做法，因为类是对许多元素的引用，而不是对单个元素的引用。我建议给div一个唯一的ID，然后用它来选择它。

试试：

document.getElementsByClassName("nicEdit-main")[0].innerHTML

尝试：

---

你没看到元素是复数吗？它返回该类的所有元素的列表，而不仅仅是一个。那么，如何一次获取所有的innerHTML呢？为什么不能给div一个ID呢？虽然我已经回答了你的问题，但我想这是一个更大的问题，需要解决。因为NicEditor创建了这个html。你没有看到

元素
是复数吗？它返回该类的所有元素的列表，而不仅仅是一个。那么，如何一次获取所有的innerHTML呢？为什么不能给div一个ID呢？虽然我已经回答了你的问题，但我想这是一个更大的问题，需要解决。因为NicEditor创建了这个html。小心使用这个函数。。。。GetElementsByCassName（）在任何浏览器中都不起作用…@DZanella-我认为你是不对的。请看这里：但它仍然是未定义的。看不，它不是-您没有正确地警告结果。请参见此处：（单击结果以查看警报。）小心使用此函数。。。。GetElementsByCassName（）在任何浏览器中都不起作用…@DZanella-我认为你是不对的。请看这里：但它仍然是未定义的。看不，它不是-您没有正确地警告结果。请参见此处：（单击结果以查看警报。）
document.getElementsByClassName("nicEdit-main")[0].innerHTML