Misalkan kamu memiliki sebuah element "div" atau element "span" atau element lainnya dimana di dalam element ini tidak berisi element lainnya atau tidak berisi teks, maka element ini disebut element kosong.



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.

Post a Comment

Lebih baru Lebih lama

Baca Artikel Lainnya