我正在為自己創(chuàng)建一個(gè)投資組合網(wǎng)站。為了加快添加更多照片的過程并以這種方式自動(dòng)維護(hù)它，而不是每次都添加新的 HTML，我正在創(chuàng)建一個(gè)腳本，以便自動(dòng)將指定文件夾的圖像內(nèi)容添加到圖庫中。我找到了一個(gè)我正在使用的模板，該模板適用于準(zhǔn)系統(tǒng)入門網(wǎng)站，并且目前正在對(duì)其進(jìn)行自定義以更好地滿足我的需求。他們用于維護(hù)允許基于主題等進(jìn)行圖像過濾的流體盒/畫廊的模板如下：<div class="item landscape col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 mb-4">        <a href="images/landscape/land_01.jpg" class="item-wrap fancybox">          <span class="icon-search2"></span>          <img class="img-fluid" src="images/landscape/land_01.jpg">        </a></div>我可以在其中指定第二類標(biāo)簽以確定如何過濾它，并更新href鏈接的 和src圖像的 ，以便將其設(shè)置為文件夾中的下一張照片。但是，現(xiàn)在我遇到了讓我的 Javascript 創(chuàng)建具有此層次結(jié)構(gòu)的元素的問題。目前我設(shè)計(jì)的腳本是這樣的：var outer = document.createElement("div");outer.className = "item landscape col-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 mb-4";var reference = document.createElement('a');reference.href = "images/landscape/land_02.jpg";reference.className = "item-wrap fancybox";reference.innerHTML = "Test";var spanner = document.createElement("SPAN");spanner.className = "icon-search2";var thepic = document.createElement("IMG");thepic.className = "img-fluid";thepic.src = "images/landscape/land_02.jpg";reference.appendChild("spanner");reference.appendChild("thepic");outer.appendChild("reference");var container = document.getElementById("posts");container.appendChild(thepic);然而，這始終給我一個(gè)錯(cuò)誤Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.，我已經(jīng)研究了這個(gè)錯(cuò)誤，當(dāng)我簡(jiǎn)化腳本以僅將鏈接附加到容器元素時(shí)，這有效，但是每當(dāng)我嘗試附加到我嘗試使用 Javascript 創(chuàng)建的 DOM 元素時(shí)，它都失敗了.我將不勝感激你們可以提供的任何幫助！