Перенос строк
Здравствуйте. У меня есть такой html:
<div id="a"> <span>Я</span> <span>люблю</span> <span>печеньки</span> </div> <div id="b"></div> Когда я кликаю на кнопку, выполняется такой скрипт:
$('div#b').html($('div#a').children('span').text())
У меня возникла такая проблема. Оно в итоге переносит текст так: <div id="b">Я люблю печеньки</div> А как мне сделать, чтобы оно переносило так: <div id="b">Я люблю печеньки</div> Надеюсь, суть проблемы поняли.) |
Эммм я не совсем понял, если вам надо что бы текст каждого блока спан оказался на новой строке можно вот так вот попробовать сделать
var spans = document.getElementById("a").getElementsByTagName("span");
for(var i=0; i<spans.length; i++){ spans.item(i).style.display = "block";}
|
А какая разница? Отображается одинаково:
<div id="b">Я люблю печеньки</div> <div id="b">Я люблю печеньки</div> "Врапни" текст в дивы. Т.е. замени <span> на <div>. |
Цитата:
|
arcmag, если так, то лучше уж через CSS:
#b span {
display: block;
}
|
Тег <pre> Позволяет выводить текст как задано изначально
|
<html>
<head>
</head>
<body>
<div id="a">
<span>Я</span>
<span>люблю</span>
<span>печеньки</span>
</div>
<div id="b"></div>
<button id="c">push</button>
<script>
$=document.querySelector.bind(document)
$("#c").onclick=function(){
$("#b").innerHTML=$("#a").innerHTML
.replace(/[\r\n]*/g, "")
.replace(/<\/span>(?!$)/g, "\n")
.replace(/<[^>]*>/g, "")
alert($("#b").outerHTML)
}
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 17:11. |