如何将文本附加到div元素?

我使用AJAX将数据追加到<div>元素，其中我从JavaScript填充<div>。我怎么能追加新的数据<div>而不丢失以前的数据在其中找到?

当前回答

如果你正在使用jQuery，你可以使用$('#mydiv')。Append ('html content')，它将保留现有的内容。

http://api.jquery.com/append/

其他回答

小心innerHTML，当你使用它的时候，你会失去一些东西:

theDiv.innerHTML += 'content';

等价于:

theDiv.innerHTML = theDiv.innerHTML + 'content';

这将破坏你的div内的所有节点，并重新创建新的。对其中元素的所有引用和监听器都将丢失。

如果你需要保留它们(例如，当你附加了一个点击处理程序时)，你必须用DOM函数(appendChild,insertAfter,insertBefore)附加新内容:

var newNode = document.createElement('div');
newNode.innerHTML = data;
theDiv.appendChild(newNode);

试试这个:

var div = document.getElementById('divID');

div.innerHTML += 'Extra stuff';

java脚本

document.getElementById("divID").html("this text will be added to div");

jquery

$("#divID").html("this text will be added to div");

使用不带任何参数的.html()来查看您已经输入。在代码中使用这些函数之前，可以使用浏览器控制台快速测试它们。

你可以使用jQuery。这就很简单了。

下载jQuery文件，将jQuery添加到你的HTML中或者你可以使用在线链接:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

试试这个:

 $("#divID").append(data);

为什么不直接使用setAttribute ?

thisDiv.setAttribute('attrName','data you wish to append');

然后你可以通过以下方法获得这些数据:

thisDiv.attrName;

推荐文章