Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.10.2013, 16:34
Профессор
Отправить личное сообщение для lamer Посмотреть профиль Найти все сообщения от lamer
 
Регистрация: 08.02.2012
Сообщений: 216

innerHTML как правильно вставить текст ?
Здравствуйте, подскажите как по средствам 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>
Ответить с цитированием
  #2 (permalink)  
Старый 09.10.2013, 16:39
Профессор
Отправить личное сообщение для skrudjmakdak Посмотреть профиль Найти все сообщения от skrudjmakdak
 
Регистрация: 27.04.2012
Сообщений: 1,410

жмакаем f12, смотрим в консоль.. что пишет?
Ответить с цитированием
  #3 (permalink)  
Старый 09.10.2013, 16:45
Профессор
Отправить личное сообщение для lamer Посмотреть профиль Найти все сообщения от lamer
 
Регистрация: 08.02.2012
Сообщений: 216

Сообщение от skrudjmakdak Посмотреть сообщение
жмакаем f12, смотрим в консоль.. что пишет?
Не чего не пишет, span режит.
Ответить с цитированием
  #4 (permalink)  
Старый 09.10.2013, 18:06
Аспирант
Отправить личное сообщение для vashurin Посмотреть профиль Найти все сообщения от vashurin
 
Регистрация: 01.04.2008
Сообщений: 52

Сообщение от 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").
Ответить с цитированием
  #5 (permalink)  
Старый 09.10.2013, 18:11
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

document.getElementById('city').innerHTML = 'City<span id="your_city">Your City</span>';
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #6 (permalink)  
Старый 09.10.2013, 18:42
Профессор
Отправить личное сообщение для lamer Посмотреть профиль Найти все сообщения от lamer
 
Регистрация: 08.02.2012
Сообщений: 216

Сообщение от 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
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

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>
Ответить с цитированием
  #8 (permalink)  
Старый 09.10.2013, 22:22
Профессор
Отправить личное сообщение для lamer Посмотреть профиль Найти все сообщения от lamer
 
Регистрация: 08.02.2012
Сообщений: 216

рони, Спасибо большое =)
Ответить с цитированием
  #9 (permalink)  
Старый 05.06.2016, 04:25
Новичок на форуме
Отправить личное сообщение для Кронос Посмотреть профиль Найти все сообщения от Кронос
 
Регистрация: 10.08.2015
Сообщений: 2

Спасибо!!!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При клике ссылки, открыть DIV блок, и при клике ещё раз, закрыть его Simon Общие вопросы Javascript 59 28.05.2017 17:31
Как правильно очистить maxlength в input? Маэстро Events/DOM/Window 10 22.06.2011 18:14
Как текст из responseText преобразовать в теги? Бобр AJAX и COMET 24 26.02.2010 04:37
Как вставить тег в конец других? SashaBorandi jQuery 7 28.08.2009 15:10
Как сделать чтобы text() брал только текст родителя без текста вложенных контейнеров? Andrey32 jQuery 3 23.05.2009 01:33