实现即时搜索，动态添加和删除html元素

Implement instant search adding and removing html elements dynamically

本文关键字：删除 html 元素添加动态搜索实现更新时间：2023-09-26

我是HTML和javascript的初学者，所以如果下面的问题看起来很明显，我很抱歉。我正试图在一个纯java脚本网站实现即时搜索，但我有几个问题。

现在我计划有一个函数响应每个onkeyup事件。通过使用AJAX，该函数将联系服务器，该服务器返回以换行符分隔的链接。现在的问题是:如果服务器返回的文本已经是html链接和段落的形式，是否有一种方法可以在html输入文本框之后插入它?如果有，我该怎么做呢?我已经找到了createElement()和appendChild()方法的引用，但我不确定它们是如何工作的。此外，有人建议使用标签，但我从来没有在html中使用过这个，我不确定它是什么。

如果以上是不可能的，我正在考虑做以下，当服务器返回文本时，1. 使用String.split()将返回的文本转换为结果数组。2. 对于数组中的每个元素3.创建一个元素并插入它。(仍然需要检查到底如何做到这一点)。4.对

一个问题是，我需要一个快速的方法来清除以前的搜索结果，每次按下一个键。

最好的方法是通过Json返回。Json将包含所有搜索结果，您可以通过http://www.json.org/js.html

轻松使用Json

这将是代替拆分内容的好方法。