需要帮助从div中获取div的innerHTML

时间:2015-08-27 13:27:40

标签: javascript html

我正在尝试使用div innerHTML,但我不能给出div ID,所以我尝试通过classname来获取它。这是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>

以下是我试图做的事情:

document.getElementsByClassName(" nicEdit-main ").innerHTML;

Bu返回unidefined。我该怎么做才能获得innerHTML?

2 个答案:

答案 0 :(得分:4)

document.getElementsByClassName返回一个数组,而不是单个元素(请注意中间的s)。

如果你的元素是该类的唯一元素,那么它将是数组的第一个元素,因此document.getElementsByClassName(" nicEdit-main ")[0].innerHTML将返回你想要的元素。

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

答案 1 :(得分:0)

尝试:

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