Как получить значение <span>?

Есть кусок кода, но не может использовать тег <id>.

Итак, как мне добраться до <span> 1 2 3 4?

<div id="test">
    <span>1</span>
    <span>2</span>
    <span>3</span>
    <span>4</span>
<div>

Ответ 1

Попробуйте это

var div = document.getElementById("test");
var spans = div.getElementsByTagName("span");

for(i=0;i<spans.length;i++)
{
  alert(spans[i].innerHTML);
}

Ответ 2

var test = document.getElementById( 'test' );

// To get the text only, you can use "textContent"
console.log( test.textContent ); // "1 2 3 4"

textContent является стандартным способом. innerText - это свойство, используемое для устаревшего IE. Если вы хотите что-то в качестве перекрестного браузера, рекурсивно используйте nodeValue.

Ответ 3

Нет тега jQuery, поэтому я предполагаю чистый JavaScript

var spanText = document.getElementById('targetSpanId').innerText;

Это то, что вам нужно

Но в вашем случае:

var spans = document.getElementById('test').getElementsByTagName('span');//returns node-list of spans
for (var i=0;i<spans.length;i++)
{
    console.log(spans[i].innerText);//logs 1 for i === 0, 2 for i === 1 etc
}

Здесь скрипка

Ответ 4

Чистый javascript будет таким:

var children = document.getElementById('test').children;

Если вы используете jQuery, это будет как

$("#test").children()

Ответ 5

<div id="test">
    <span>1</span>
    <span>2</span>
    <span>3</span>
    <span>4</span>
</div>
<div id="test2"></div>

<script type="text/javascript">
    var getDiv = document.getElementById('test');
    var getSpan = getDiv.getElementsByTagName('span');
    var divDump = document.getElementById('test2');

    for (var i=0; i<getSpan.length; i++) {
        divDump.innerHTML = divDump.innerHTML + ' ' + getSpan[i].innerHTML;
    }
</script>

Ответ 6

Вы можете использовать querySelectorAll для получения всех элементов span, а затем использовать новый оператор расширения ES2015 (ES6) для преобразования StaticNodeList, который querySelectorAll возвращается к массиву интервалов, а затем использует оператор карты для получения списка элементов.

См. пример ниже

([...document.querySelectorAll('#test span')]).map(x => console.log(x.innerHTML))

<div id="test">
    <span>1</span>
    <span>2</span>
    <span>3</span>
    <span>4</span>
<div>

Ответ 7

Вам нужно изменить свой код, как показано ниже: -

<html>
<body>

<span id="span_Id">Click the button to display the content.</span>

<button onclick="displayDate()">Click Me</button>

<script>
function displayDate() {
   var span_Text = document.getElementById("span_Id").innerText;
   alert (span_Text);
}
</script>
</body>
</html>

После этого вы получите значение тега в предупреждении.