在HTML元素之前或之后添加文本

在HTML元素之前或之后添加文本

本文介绍了在HTML元素之前或之后添加文本的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如果我有一个像< 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元素之前或之后添加文本的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-31 03:27