Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Вставить текст в конец тега (https://javascript.ru/forum/misc/46949-vstavit-tekst-v-konec-tega.html)

Хэйка 01.05.2014 05:32

Вставить текст в конец тега
 
Здравствуйте!Скажите пожалуйста,как мне вставить только текст(без создания узла и прочих тегов) в тег(например див)
то есть например если такая структура:
<div id="data">13.4.14
<br>
28.3.14
<br>
</div>

вставить после самого последнего <br>,то есть чтобы было
<div id="data">13.4.14
<br>
28.3.14
<br>
вставленный текст
</div>

надеюсь на вашу помощь.Спасибо.
P.S. Количество тегов и текста в <div id="data"></div> может быть разное(то есть привязку к моему примеру делать не нужно)

ruslan_mart 01.05.2014 06:46

var text = document.createTextNode('вставленный текст');
document.getElementById('data').appendChild(text);


Или

document.getElementById('data').innerHTML += 'вставленный текст';

Хэйка 01.05.2014 07:07

document.getElementById('data').innerHTML += 'вставленный текст';
-это не подходит,так как оно замещает весь предыдущий текст в теге.
а второй вариант сейчас попробую

BETEPAH 01.05.2014 16:50

Цитата:

Сообщение от Хэйка
document.getElementById('data').innerHTML += 'вставленный текст';
-это не подходит,так как оно замещает весь предыдущий текст в теге.

С чего бы это? Там же стоит "+=".

Vlasenko Fedor 01.05.2014 20:35

<head>
  <style>
    #data:after {
      content:"вставленный текст";
      width:100px;
      background-color: red;
    }
  </style>
</head>
<body>
  <div id="data">13.4.14
    <br>28.3.14
    <br>
  </div>
</body>

верстка, это демонстрация


Часовой пояс GMT +3, время: 09:54.