javascript - 格式化 div 中显示的搜索结果

标签 javascript html tags

我想获得一些有关格式化 div 标记的建议。

目前,我的代码中的 div 标记将显示函数中执行的结果:

document.getElementById("searchresults").innerHTML = searchHTML;

搜索结果将显示在div中。

<div id="searchresults"></div>

当前显示的输出将水平堆叠。

它看起来有点困惑,因为很难区分每个输出。

我想知道有没有办法格式化每个输出。例如,每个输出都会在自己的容器中?

每个容器是否可以更加个性化?

最佳答案

对于每个结果执行以下操作:

// Create div
var resultDiv = document.createElement('div');
resultDiv.innerHTML = result;
resultDiv.className = "resultContainer"; // Add appropriate CSS

// Append result to container
document.getElementById('searchresults').appendChild(resultDiv);

关于javascript - 格式化 div 中显示的搜索结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18318864/

相关文章:

javascript - 尝试用预定义的 xml 文件填写表单(无法更改 xml 文件)

javascript - 检测其他 Atom 包

javascript - gulp-uncss 删除使用 javascript 添加的类

html - 将显示应用于某些第 n 个 child

html - 在 HTML 中选择 td 元素值的 css-selector 路径是什么?

ios - 已经创建的带有标签的 UIViews 变为 NULL

php - 如何从 WordPress 中的图像中删除标题属性?

javascript - Angular .js : How to store div HTML content in scope variable

android - Android中单个设备的多个APP ID的Under Urban Airship

html - 为什么 `</html>`之后的内容会出现在浏览器中?