javascript - 从字符串中提取一段文本——Javascript

Question

我正在使用document.getElementById获取 innerHTML来自<div> 。它会返回类似这样的东西...

<span style="font-size: 18px; font-weight:bold; color: #545454;">Unit 1, Lesson 2: Ordering Large Numbers</span>

我想使用 Javascript 从该字符串中提取“第 1 单元，第 2 课”部分。但它并不总是“第一单元，第二课”。它可能是“第 10 单元，第 8 课”，因此使用 substring()好像已经out了。

期望的结果...

<span style="font-size: 18px; font-weight:bold; color: #545454;">Unit 1, Lesson 5: Ordering Large Numbers</span>应该产生“第 1 单元，第 5 课”

<span style="font-size: 18px; font-weight:bold; color: #545454;">Unit 11, Lesson 28: Ordering Large Numbers</span>应该产生“第 11 单元，第 28 课”

我不太擅长 JavaScript，所以如果我缺少一个简单的函数来执行此操作，请告诉我它是什么。

编辑:或者，如果有一种方法可以切断“:”之后的所有内容，我也可以使用它。

Answer 1

您可以使用 textContent，它将仅返回文本而不返回 html。

所以如果你有元素:

<span id="test"><span style="font-size: 18px; font-weight:bold; color: #545454;">Unit 1, Lesson 2: Ordering Large Numbers</span></span>

您可以像这样获取“第 1 单元，第 2 课”部分:

document.getElementById('test').textContent.split(":")[0];