訪問在單獨的函數中創建的子節點

我是js的新手，並且很好奇如何刪除附加在不同函數中的子節點。例如，在下面的函數中，將元素p設置爲變量empty，然後將其附加到listingEl。訪問在單獨的函數中創建的子節點

var empty = document.createElement('p'); 
    empty.innerHTML = '<p><div>' + 'Drag map to populate results' + '</div></p>'; 

    empty.style.color = "#FFFFF0"; 
    empty.style.fontSize = 125 + "%"; 
    listingEl.appendChild(empty);

我怎麼能訪問這個孩子empty在另一個函數以改變其例如innerHTML或徹底刪除呢？當我創建一個新的元素和追加它 listingEl在不同的功能，即當工作在不同的功能執行

listingEl.removeChild(empty)不起作用，但是。例如：

var back = document.createElement('p'); 
       back.innerHTML = '<p><div>' + 'Hit back arrow to see results' + '</div></p>'; 
       back.style.color = "#FFFFF0"; 
       back.style.fontSize = 125 + "%"; 
       listingEl.appendChild(back);

爲什麼appendChild()工作，但removeChild(empty)不是？

來源

2017-01-30 the_darkside

從第一個函數返回'empty'，並將其分配給調用函數中的變量。 – Barmar

附加

當分配一個ID，P，然後當你需要刪除，然後使用，

var elem = document.getElementById("appended-p"); 
elem.parentNode.removeChild(elem);

如果您有多個動態生成的p標籤，那麼你可以保持計數器和爲每個附加的p標籤分配唯一的ID

來源

2017-01-30 22:53:13

謝謝你的工作！ –

訪問在單獨的函數中創建的子節點

回答

相關問題