Текст из элемента.

[Yatsvyas]

Приветствую!
Собственно говоря, давайте сразу к теме. Мне нужно сделать скрипт, чтобы он брал текст из элемента и заносил его в переменную. Сколько я ни пытался, ни рылся - не смог решить это.

<span id="balance">5000</span>

Из приведённой выше части кода, мне нужно создать переменную, в которой будет хранится цифра/текст - 5000. Результат, например, x = 5000.

Сам я пытался -

var x = document.getElementById('balance')

Но дальше этого не продвинулся. Не знаю, как достать текст из элемента. Разные методы .text и другие я не понял.

Прошу помощи у опытных людей. Заранее спасибо, и благодарю тех кто хотя бы проявил интерес к моему вопросу.

[come-on]

Но дальше этого не продвинулся.

чтобы продвинутся надо открыть справку и прочитать.

[Serge_Bliznykov]

Yatsvyas, а если так написать, что будет?

<span id="balance">5000</span>

<script>
var x = document.getElementById('balance').innerHTML;
alert("balance = "+x);
</script>

[Naive]

Лучший способ, ИМХО, юзать textContent.
В простом случае вроде твоего, это будет взять у элемента свойство .textContent.
В противном случае можно дернуть рекурсивную функцию из sizzle/jQuery:

getText = Sizzle.getText = function( elem ) {
	var node,
		ret = "",
		i = 0,
		nodeType = elem.nodeType;

	if ( !nodeType ) {
		// If no nodeType, this is expected to be an array
		while ( (node = elem[i++]) ) {
			// Do not traverse comment nodes
			ret += getText( node );
		}
	} else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
		// Use textContent for elements
		// innerText usage removed for consistency of new lines (jQuery #11153)
		if ( typeof elem.textContent === "string" ) {
			return elem.textContent;
		} else {
			// Traverse its children
			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
				ret += getText( elem );
			}
		}
	} else if ( nodeType === 3 || nodeType === 4 ) {
		return elem.nodeValue;
	}
	// Do not include comment or processing instruction nodes

	return ret;
};

Тупой хардкорный вариант:

var x = document.getElementById('balance').innerHTML;

Тут оно работает только если ты всегда уверен, что внутри нужного тега именно то, чего ты ожидаешь =)

Учти, что во всех приведенных вариантах ты получишь строку, а не число.

П.С. Зацените перебор дочерних узлов, офигенчик же, да? Прям как котяток в интернетах посмотрел ^_^.
П.П.С. к первому П.С.: Очень изящно, но слишком наивно перезаписывать входной параметр функции, я бы завел новую переменную. И было бы неплохо также прокомментить типы узлов, чтобы читатель не лез в таблицу. (не к этому куску, но) То же сказал бы про коды символов, клавиш, кнопок мыши, ну и любые другие "магические" числа.

[Naive]

Сообщение от Serge_Bliznykov

Yatsvyas, а если так написать, что будет?

<span id="balance">5000</span>

<script>
var x = document.getElementById('balance').innerHTML;
alert("balance = "+x);
</script>

Когда-нибудь это превратится в такое:

<span id="balance">5&thinsp;000<i class="icons icons-usd"></i></span>

<script>
var x = document.getElementById('balance').innerHTML;
alert("balance = "+x);
</script>

То, что я предложил не сильно кнеш поможет от символов разбиения на разряды числа, зато выбросит ненужный тег)