Форум

Jeick9 · #1 (**permalink**) 22.12.2014, 22:01

Здравствуйте.
Мне нужно добавить свой текст с помощью Js, сразу же после тега body. Получается только заменить содержимое body. Подскажите пожалуйста как это сделать?

krutoy · #2 (**permalink**) 22.12.2014, 22:27

сомневаюсь, что это получится. Браузер нынче черезчур умный пошел, он такой текст все равно в боди засунет, сука. А зачем?

Jeick9 · #3 (**permalink**) 22.12.2014, 22:35

то есть, я имею ввиду вывести текст после первого тега: <body> текст

krutoy · #4 (**permalink**) 22.12.2014, 22:50

Если знаете, какой элемент идет первым, можно так

<html>
  <head>
  </head>

  <body>
<div>foo</div>
<div>bar</div>

<script>

d=document.createElement("div")
d.innerHTML="baz"
first=document.querySelector("div")
document.body.insertBefore(d, first)

</script>
</body>
</html>

krutoy · #5 (**permalink**) 22.12.2014, 23:03

впрочем, можно и не зная, вот так

<html>
  <head>
  </head>

  <body>
<div>foo</div>
<div>bar</div>

<script>

d=document.createElement("div")
d.innerHTML="baz"
first=document.querySelector(document.body.innerHTML.match(/<(.+?)>/)[1])
document.body.insertBefore(d, first)

</script>
</body>
</html>

это канеш, костыльное решение, может кто-нибуль другое что покрасивей подскажет, я в доме не шарю, особо...

Jeick9 · #6 (**permalink**) 22.12.2014, 23:10

Спасибо, то что надо.

рони · #7 (**permalink**) 23.12.2014, 09:58

<html>
  <head>
  </head>
  <body>
<div>foo</div>
<div>bar</div>
<script>
d=document.createElement("div")
d.innerHTML="baz"
document.body.insertBefore(d,document.body.firstChild)
</script>
</body>
</html>

<html>
  <head>
  </head>
  <body>
<div>foo</div>
<div>bar</div>
<script>
document.body.firstChild.data = "baz"
</script>
</body>
</html>

danik.js · #8 (**permalink**) 23.12.2014, 10:46

Сообщение от krutoy

Браузер нынче черезчур умный пошел, он такой текст все равно в боди засунет, сука

Только при парсинге. С DOM же такое провернуть можно:

<body>
<script>
    var element = document.createElement('div');
    element.textContent = 'После body';
    document.documentElement.appendChild(element);
    alert(document.documentElement.innerHTML);
</script>
</body>

danik.js · #9 (**permalink**) 23.12.2014, 10:47

Сообщение от krutoy

first=document.querySelector(document.body.innerHT ML.match(/<(.+?)>/)[1])

ну ты лох))

ruslan_mart · #10 (**permalink**) 23.12.2014, 14:11

Ну если чисто текст, то:

var text = document.createTextNode('Мой текст');
document.body.insertBefore(text, document.body.firstChild);

Аналогично варианту от рони, только без использования HTML-тэга.

Форум

Справочник

Discord чат

Курсы javascript