Contoh element kosong seperti berikut :
<div></div>
<span></span>
<p></p>
<a></a>Nah, untuk menghilangkan element kosong ini, kita bisa menggunakan script berikut :
function removeAllElement(data) {
dataCheck = [data];
for (var i = 0; i < dataCheck.length; i++) {
var aa = document.querySelectorAll(dataCheck[i]);
for (var j = 0; j < aa.length; j++) {
if (aa[j].innerHTML.split("").length == 0) {
aa[j].remove();
};
};
};
};
//----- fungsi pemanggilnya -----------
removeAllElement("div", "span", "p", "a");Ingat ya, script di atas hanya untuk menghapus element kosong dimana element domnya telah di load di browser dalam bentuk document dom bukan STRING.
Nah, bagaimana jika kita ingin menghapus element kosong yang mana dom tersebut dalam bentuk string ?
Untuk menghapus element kosong dimana sumber elementnya dalam bentuk string adalah sebagai berikut:
Silahkan gunakan script berikut :
function removeAllElement(datastring, listElement) {
dataCheck = listElement.split(",");
var dataStringDom = document.createElement("div");
dataStringDom.innerHTML = datastring;
for (var i = 0; i < dataCheck.length; i++) {
var aa = dataStringDom.querySelectorAll(dataCheck[i]);
for (var j = 0; j < aa.length; j++) {
if (aa[j].innerHTML.split("").length == 0) {
aa[j].remove();
};
};
};
return dataStringDom.innerHTML;
};
//----- fungsi pemanggilnya -----------
// removeAllElement(stringDom,element);
//---contoh penggunaan-----------
var stringDom = `<div></div><p></p><a></a><span></span><div>hello</div>`;
var clearDom = removeAllElement(stringDom, "div,span,p,a");
// ---hasil console.log() --------
console.log(clearDom)
// hasilnya adalah = <div>hello</div>Jika ada kendala dalam pemakaian, silahkan beri komentar di bawah.
Posting Komentar