Форум

Хэйка · #1 (**permalink**) 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 · #2 (**permalink**) 01.05.2014, 06:46

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

Или

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

Хэйка · #3 (**permalink**) 01.05.2014, 07:07

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

BETEPAH · #4 (**permalink**) 01.05.2014, 16:50

Сообщение от Хэйка

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

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

Vlasenko Fedor · #5 (**permalink**) 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>

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

Форум

Справочник

Discord чат

Курсы javascript