在HTML元素之前或之后添加文本 [英] Add text before or after an HTML element

问题描述

如果我有一个像< div> 这样的HTML元素，里面有一些文本或者其他元素，我可以在这个div之前或之后添加一些没有html元素的文本数据，只是纯文本？

我只想使用纯Javascript。

类似于：

 < div id =parentDiv> 
我的文字必须在这里添加
< div id =childDiv>< / div> 
< / div> 
  

解决方案

是的，您可以使用 document.createTextNode（'text'）

然后你可以像插入元素一样插入它，用appendChild或insertBefore。

插入的例子#childDiv之前的文本：

  var text = document.createTextNode（'text'）; 
 var child = document.getElementById（'childDiv'）; 
 child.parentNode.insertBefore（text，child）; 
  

If i have an HTML element like <div> with some text inside or another elements can I add before or after this div some text data without an html element, just plain text?

I'd like to use only pure Javascript.

Something like :

<div id="parentDiv">
   my text must be added here
  <div id="childDiv"></div>
</div>

解决方案

Yes, you can create a text node with document.createTextNode('the text')

Then you can insert it like an element, with appendChild or insertBefore.

Example that insert a text before #childDiv:

var text = document.createTextNode('the text');
var child = document.getElementById('childDiv');
child.parentNode.insertBefore(text, child);

这篇关于在HTML元素之前或之后添加文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！