HTML: получить специальный символ без формирования

Question

У меня есть выбор, следующий - вывод консоли.

> select.options[select.selectedIndex] 
    <option value=​"49">​books & stationary​</option>​ 
> select.options[select.selectedIndex].innerHTML; 
    "books &amp; stationary" 

При использовании innerHTML называют его форматирует значение и заменяет & с &, как я могу получить неформатированное значение?

Answer 1

При запросе innerHTML вы запрашиваете HTML. В HTML символ & является особенным, и технически ошибка заключается в записи books & stationery - он должен сказать books & stationery. Браузер достаточно умен, чтобы понять, что вы имеете в виду, когда он не является двусмысленным, и исправить его. Таким образом, когда вы запрашиваете HTML обратно, вы получаете исправленное значение.

Если вы хотите получить текст, это другое дело. Используйте .textContent вместо .innerHTML.

Если вы уже получили в HTML и хотите лишить HTML-разметку и получить текст из него, вы можете это сделать:

function strip_html_to_text(html) { 
    var el = document.createElement('div'); 
    el.innerHTML = html; 
    return el.textContent; 
} 

Answer 2

Он оказался довольно простым. Текстовый вызов функции дает текст, который я искал

select.options [select.selectedIndex] .text;

output: books & stationary 

Answer 3

Использование заменить вместе с TextContent вместо innerHTML:

select.options[select.selectedIndex].textContent.replace(/^\s\s*/, '').replace(/\s\s*$/, ''); 

Answer 4

Если вы хотите получить только текст выбранной опции. Вы можете использовать .textContent вместо .innerHTML.

Try this

.textContent