JavaScript抓取文本元素并更新为无序列表

JavaScript抓取文本元素并更新为无序列表,javascript,Javascript,我正在使用RubyonRails生成一个数据数组,该数组显示一个带有索引的行和一个错误。不幸的是,我无法抓住flash通知进行迭代,因为它在CMS中。显然,尝试在休息时加入似乎不起作用。而且,由于在文本元素上不可能使用直接的CSS 如何获取文本元素,然后创建无序列表 HTML最终看起来像: <div class="alert-error"> <a class="close" data-dismiss="alert">x</a> " Row 2: Emai

我正在使用RubyonRails生成一个数据数组,该数组显示一个带有索引的行和一个错误。不幸的是,我无法抓住flash通知进行迭代,因为它在CMS中。显然,尝试在休息时加入似乎不起作用。而且,由于在文本元素上不可能使用直接的CSS

如何获取文本元素,然后创建无序列表

HTML最终看起来像:

<div class="alert-error">
 <a class="close" data-dismiss="alert">x</a>
 "  Row 2: Email can't be blank 
  Row 5: First Name can't be blank 
  Row 9: Email invalid due to being an incorrect email, Last Name required, City is required"
</div>

x
“第2行:电子邮件不能为空
第5行:名字不能为空
第9行:电子邮件无效,因为电子邮件不正确,需要姓氏,需要城市“
但是,此显示显示: 第2行:电子邮件不能为空第5行:名字不能为空第9行:电子邮件因电子邮件不正确而无效,需要姓氏,需要城市

对于JavaScript,我是一个相对的新手,我经常在类本身上做一个变量。但是我如何得到文本本身,然后将其分开呢?我可以在元素之间添加一个句点,但是我需要找到文本元素,然后能够按句点分隔,然后创建一个无序列表。这可能吗?

您可以使用元素上的属性来获取该div的内容


一旦有了字符串,就可以在字符串上使用,以便从字符串创建数组。

这失败了,但我喜欢方向。所以现在我正在做var els=document.getElementsByClassName('alert-error').innerText;将在控制台中显示未定义。如果我执行els.split(“\n”),我将得到未捕获的TypeError:无法读取UndefinedTelementSByclassName()的属性“split”返回数组,因为多个元素可以具有相同的类。尝试像这样附加
[0]
:document.getElementsByClassName('alert-error')[0]。innerText收到了。实际上需要用链接把它放到[1]上,但这太好了。