Извлечение фрагмента текста из строки - Javascript

Question

Я использую document.getElementById, чтобы получить innerHTML от <div>. Это будет возвращать что-то вроде этого ...

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

Я хочу, чтобы извлечь «Раздел 1, Урок 2» часть из этой строки с помощью Javascript. Это не всегда будет «Урок 1, Урок 2». Это может быть «Узел 10, Урок 8», поэтому использование substring(), похоже, отсутствует.

желаемого результата ...

<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>

Вы можете получить его 'Unit 1, Урок 2' часть, как это:

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

Answer 2

Вы можете использовать функцию JavaScript в регулярное выражение соответствия схеме:

var pattern = /.*(Unit \d+, Lesson \d+):/ 
var el = document.getElement....innerHTML 
var match = pattern.match(el)[1]; 
alert(match)