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

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

当前回答

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

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

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

试试这个:

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

其他回答

使用列表末尾:

var theDiv = document.getElementById("<ID_OF_THE_DIV>");
var content = document.createTextNode("<YOUR_CONTENT>");
theDiv.appendChild(content);

使用innerHTML: 这种方法将删除@BiAiB提到的现有元素的所有侦听器。因此，如果您计划使用这个版本，请谨慎使用。

var theDiv = document.getElementById("<ID_OF_THE_DIV>");
theDiv.innerHTML += "<YOUR_CONTENT>";

试试这个:

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()来查看您已经输入。在代码中使用这些函数之前，可以使用浏览器控制台快速测试它们。

即使这样也可以:

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

div.innerHTML += 'Text to append';

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

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

推荐文章