Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.04.2014, 13:05
Кандидат Javascript-наук
Отправить личное сообщение для mitiya Посмотреть профиль Найти все сообщения от mitiya
 
Регистрация: 13.01.2011
Сообщений: 114

как писать html код внутри js не в одну строку ?
Давненько ничего не кодил, а тут понадобилось. Не могу вспомнить как записать к в коде вот это

не так
$(".content").before({"<div id='slider'><ul><li>...</li><li>...</li><li>...</li></ul></div>"});


а вот так

$(".content").before({
		"<div id='slider'>
		   <ul>
			  <li>...</li>
			  <li>...</li>
			  <li>...</li>
		   </ul>
		</div>"
	});
Ответить с цитированием
  #2 (permalink)  
Старый 07.04.2014, 13:10
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Можно слэшами \ строку разбивать, но лучше так:
$(".content").before([
	'<div id="slider">',
		'<ul>',
			'<li>...</li>',
			'<li>...</li>',
			'<li>...</li>',
		'</ul>',
	'</div>'
].join(""));

или вообще шаблоны использовать
Ответить с цитированием
  #3 (permalink)  
Старый 07.04.2014, 14:01
Профессор
Отправить личное сообщение для jsnb Посмотреть профиль Найти все сообщения от jsnb
 
Регистрация: 15.03.2014
Сообщений: 561

Сообщение от Octane Посмотреть сообщение
но лучше так
Почему?
Ответить с цитированием
  #4 (permalink)  
Старый 07.04.2014, 14:11
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,227

Сообщение от jsnb
Почему?
Например так не будет "лишних" пробелов или табуляторов...
А структура таки будет.
Ответить с цитированием
  #5 (permalink)  
Старый 07.04.2014, 14:11
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Потому что между тегами не будет ненужных текстовых узлов, которые мешаются, когда списки inline-blockами форматируешь
Ответить с цитированием
  #6 (permalink)  
Старый 07.04.2014, 14:18
Кандидат Javascript-наук
Отправить личное сообщение для mitiya Посмотреть профиль Найти все сообщения от mitiya
 
Регистрация: 13.01.2011
Сообщений: 114

спасибо
Ответить с цитированием
  #7 (permalink)  
Старый 07.04.2014, 14:33
Профессор
Отправить личное сообщение для jsnb Посмотреть профиль Найти все сообщения от jsnb
 
Регистрация: 15.03.2014
Сообщений: 561

Сообщение от Octane Посмотреть сообщение
Потому что между тегами не будет ненужных текстовых узлов, которые мешаются, когда списки inline-blockами форматируешь
А, ну да, я на то что там HTML и список внимания не обратил.)

Последний раз редактировалось jsnb, 07.04.2014 в 14:37.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JS AJAX Как получить html страницы "глазами" другого пользователя kolyanok AJAX и COMET 11 18.05.2013 23:00
Как заставить пустой тег <p> быть высотой в одну строку? xintrea (X)HTML/CSS 6 01.10.2012 09:38
Как соединить 2 div в одну строку или в один? vadim90k (X)HTML/CSS 3 03.09.2012 19:11
Перевод на новую строку JS воспринимает как объект DOM Rig Events/DOM/Window 6 26.12.2011 20:08
Вывод JS значения в одну строку в HTML velo Общие вопросы Javascript 7 15.12.2009 03:57