添加一个<div>对于数组中的每个 object</div><div id="text_translate"><p> 如果我执行sql.prepare("SELECT * FROM DB where VALUE >=?").get(value)它将返回一个大于或等于 value 的行数组。如何制作并添加一个新的<div>容器，其中包含数组的一部分作为文本？</p></div>

Question

如果我执行sql.prepare("SELECT * FROM DB where VALUE >=?").get(value)它将返回一个大于或等于 value 的行数组。 如何制作并添加一个新的<div>容器，其中包含数组的一部分作为文本？

Answer 1

它会是这样的：

 const array = ['it', 'is', 'for', 'example']; const newDiv = document.createElement('div'); newDiv.innerHTML = 'Text at newly created div' newDiv.innerHTML += '<br>' + array.join('<br>'); document.body.prepend(newDiv);

 div { margin: 8px; padding: 4px; border: 1px dashed black; }

 <html> <head></head> <body> <h1>Some h1 text</h1> Some text in the body. </body> </html>

Answer 2

这个问题仍然不清楚，但如果它是你想要返回的对象数组，你可以这样做：

 const data = [ { column1: 'bar1', column2: 'bar2', column3: 'bar3'}, { column1: 'foo1', column2: 'foo2', column3: 'foo3'}, { column1: 'rab1', column2: 'rab2', column3: 'rab3'} ]; const templateRow = (dataEntry) => `<div class="row">${dataEntry.column1} | ${dataEntry.column2} (${dataEntry.column3})</div>`; const setup = () => { const body = document.querySelector('body'); const div = document.createElement('div'); div.classList.add('table'); data.forEach(dataEntry => createRow(div, dataEntry)); body.appendChild(div); } const createRow = (target, data) => { const html = templateRow(data); target.insertAdjacentHTML('beforeend', html); } window.addEventListener('load', setup);

 body { font-family: verdana; }

问题描述

2 个解决方案

解决方案1
2 2020-07-16 16:23:56

解决方案2
1 2020-07-16 16:36:10

问题描述

2 个解决方案

解决方案1 2 2020-07-16 16:23:56

解决方案2 1 2020-07-16 16:36:10

解决方案1
2 2020-07-16 16:23:56

解决方案2
1 2020-07-16 16:36:10