Как получить значение между диапазоном с DOM

Question

exemple.html

 <span id='char'>{{value}}</span>

exemple.ts

console.log((<HTMLInputElement>document.getElementById('char')))

Это отобразит

<span id='char'>ThisIsTheValueupdated</span>

И в моем примере я хочу получить ThisIsTheValueupdated.

Answer 1

        <span id="text">inner text</span>       

        if you are using just javascript then

        var span_value = document.getElementById("text").innerHTML;

        console.log(span_value);

        If you are using jQuery then

        var span_value = $("#text").text();

        console.log(span_value);

Answer 2

Вы можете получить textContent из span, которые вы получили

console.log((<HTMLInputElement>document.getElementById('char').textContent))

Answer 3

Вы ищете:

• textContent (или innerText [нестандартный]), например: document.getElementById('char').textContent

• firstChild и nodeValue, например, document.getElementById('char').firstChild.nodeValue, если это действительно просто один текстовый узел

Подробнее для изучения: https://developer.mozilla.org/en-US/docs/Web

Answer 4

Попробуйте вместо этого получить текст внутри тега, используя textContent или innerHTML:

console.log((<HTMLInputElement>document.getElementById('char').textContent));
or
console.log((<HTMLInputElement>document.getElementById('char').innerHTML));