Форум

lamer · #1 (**permalink**) 09.10.2013, 16:34

Здравствуйте, подскажите как по средствам innerHTML вставить текст, чтоб он в конечном итоге имел такой вид:

<div id="table">
	<label id="city">City
		<span id="your_city">Your City</span>
	</label>
	<input type="text">
</div>

Делаю вот так, но не чего не выходит:

<script type="text/javascript">
	document.getElementById('city').innerHTML = 'City';
	document.getElementById('your_city').innerHTML = 'Your City';
</script>

skrudjmakdak · #2 (**permalink**) 09.10.2013, 16:39

жмакаем f12, смотрим в консоль.. что пишет?

lamer · #3 (**permalink**) 09.10.2013, 16:45

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

жмакаем f12, смотрим в консоль.. что пишет?

Не чего не пишет, span режит.

vashurin · #4 (**permalink**) 09.10.2013, 18:06

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

Не чего не пишет, span режит.

<script type="text/javascript">
	document.getElementById('city').innerHTML = 'City';
	document.getElementById('your_city').innerHTML = 'Your City';
</script>

Первая строка заменяет все содержимое внутри тега с id="city" на текст 'City'. А вторая вообще не сработает, поскольку тега с id="your_city" уже не существует (его предыдущей строкой затерли, когда меняли содержимое всего тега с id="city").

devote · #5 (**permalink**) 09.10.2013, 18:11

document.getElementById('city').innerHTML = 'City<span id="your_city">Your City</span>';

lamer · #6 (**permalink**) 09.10.2013, 18:42

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

document.getElementById('city').innerHTML = 'City<span id="your_city">Your City</span>';

хех)) Спасибо, именно так не хотел делать)

Вот что у меня вышло:

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div>
		<label id="city">
			<span id="your_city"></span>
		</label>
		<input type="text">
	</div>
	<script type="text/javascript">
		var city = document.getElementById('city');
		var your_city = document.getElementById('your_city');
		city.appendChild(document.createTextNode('City'));
		your_city.innerHTML = 'Your City';
	</script>
</body>
</html>

Но 'City' добавляется тут в конец, пробовал с firstChild но не чего не клеется, подскажите как добавить 'City' в начало а не в конец ?

рони · #7 (**permalink**) 09.10.2013, 18:54

lamer,

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div>
		<label id="city">
			<span id="your_city"></span>
		</label>
		<input type="text">
	</div>
	<script type="text/javascript">
		var city = document.getElementById('city');
		var your_city = document.getElementById('your_city');
        city.insertBefore( document.createTextNode('City'),your_city)
        //city.appendChild(document.createTextNode('City'));
		your_city.innerHTML = 'Your City';
	</script>
</body>
</html>

lamer · #8 (**permalink**) 09.10.2013, 22:22

рони, Спасибо большое =)

Кронос · #9 (**permalink**) 05.06.2016, 04:25

Спасибо!!!

Форум

Справочник

Discord чат

Курсы javascript