用JavaScript添加HTML元素 [英] Adding HTML elements with JavaScript

问题描述

所以，如果我有这样的HTML：

So, if I have HTML like this:

<div id='div'>
  <a>Link</a>

  <span>text</span>
</div>

如何使用JavaScript添加该空白行的HTML元素？

How can I use JavaScript to add an HTML element where that blank line is?

推荐答案

正如你没有提到任何使用javascript库（如jquery，dojo），这里是纯JavaScript。

As you didn't mention any use of javascript libraries (like jquery, dojo), here's something Pure javascript.

var txt = document.createTextNode(" This text was added to the DIV.");
var parent = document.getElementById('div');
parent.insertBefore(txt, parent.lastChild);

或

var link = document.createElement('a');
link.setAttribute('href', 'mypage.htm');
var parent = document.getElementById('div');
parent.insertAfter(link, parent.firstChild);

快乐编码。

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