Как взять значение из элемента?

Question

[nyrau_v_tvorojok]

Как мне можно "взять" цифру из элемента <a>?
так же и со <span>

Answer 1

[Владислав]

Если взять значение из дом элемента по айди можно так
document.getElementById('test').innerHTML

Если взять значение из инпута по айди
document.getElementById('test').value

Comments

[nyrau_v_tvorojok]

а по классу же можно?

[nyrau_v_tvorojok]

var b = document.getElementsByClassName('green_el').innerHTML;
console.log(b);
написал это, в консоль пишет "undefined"

[Владислав]

можно и по кьюри селектору document.querySelector(".example");

потому что getElementsByClassName возвращает не элемент, а массив с коллекцией. Читайте спецификацию https://developer.mozilla.org/ru/docs/Web/API/Docu...

Answer 2

[Сергей Соколов]

Допустим, у вас такая разметка:

<section>
  <article>
    <a href="#">1 ссылка</a>
  </article>
</section>

Цифру "1" можно получить так:

const el = document.querySelector('a'); // находит первый подходящий элемент
const text = el.innerText;
const digitText = text.substring(0,1); // тут будет текст единичка
const digitNumber = +digitText; // тут уже число 1

С тегом span так же:

const el = document.querySelector('span'); // найдет самый первый элемент span в документе

Если элементов span, например, много, а нужен единственный внутри, скажем, известного div'а

<span>не нужный</span>
<div id="theone">
  <span>300 спартанцев</span>
</div>

в таком случае можно указать id дива и внутри него искать первый элемент span:const span = div.querySelector('#theone span');

Answer 3

[Alex]

Если input то на jq-
var st = $('#id').val();
Если в другом элементе то на jq -
var st = $('#id').html();