将元素数组插入DOM?

时间:2017-08-30 12:17:38

标签: javascript

我有一系列元素:

const itemsAll = [itemCurrent, itemNext];

我创建了一个数组:

public PDDocument generatePDF(String name, String v1, String v2, String v3, String v4) {
        PDPageContentStream contentStream = null;
        PDDocument document = null;
        try {
            document = new PDDocument();
            PDPage page = new PDPage();
            document.addPage(page);
            contentStream = new PDPageContentStream(document, page);


            fillDataInPDF(...);
            corpPDF(page);
        } catch (IOException err) {
            LOG.error("Error occured .");
        } finally {
            if (contentStream != null) {
                try {
                    contentStream.close();
                } catch (IOException e) {
                    LOG.error("Error occured .");
                }
            }
        }
        return document;
    }

如何将所有这些插入到我的页面正文中?

4 个答案:

答案 0 :(得分:2)

要将元素添加到正文,您需要将它们附加到文档正文。这是通过使用appendChild(element)函数完成的:

// looping through your array : 
for (let i=0;i<itemsAll.length;i++) {
     // appending your elements to the body :
     document.body.appendChild(itemsAll[i]);
}

答案 1 :(得分:0)

迭代数组并使用appendChild附加每个数组:

itemsAll.forEach(el => {
  document.body.appendChild(el)
})

答案 2 :(得分:0)

回想别人的话:

  • 在JS中,你用array.forEach迭代一个数组,它接受一个参数 - 一个将在数组的所有元素上顺序调用的函数
  • 将一个元素追加(最后添加)到您调用document.body.appendChild的DOM(页面主体)中,该元素将元素作为参数添加

您需要的代码然后变为

itemsAll.forEach(function (element, index, array) {
    document.body.appendChild(element);
})

或(使用ES6语法)

itemsAll.forEach(el => document.body.appendChild(el)) 

答案 3 :(得分:0)

您可以简单地使用 string email = "test@domain.com"; if (IsEmail(email)) { // valid email address } else { // not a valid email address } 一次追加多个DOM节点,如下所示;

.append()