How to delete all exact element tags in inspect element console [duplicate]

Question

I have this webpage I saved on my computer that i edited everything i didnt need out of it on inspect element

Im trying to now remove the text inside each profile im following

i found the exact element of each one and their <Div class= their dir= their style= and their bis_skin_checked=

what ever that is, are all the exact

so i figured if i can just find a script to plug into console that deletes or removes all elements like for example delete all A and all A from the wepage are deleted

i could achieve what i want without the tedious work of removing from each one which is 700 by the way

here is the exact entire element

i need every thing on the webpage that has this element to be removed so it disappears off the screen

here is the entire element

for somereason the div class part does not show up on the body so i sent a screenshot

it does however show if you edit my body

so heres it pasted as well

dir="auto" style="text-overflow:unset;color:rgb(15,20,25)" bis_skin_checked="1"

Answer 1

As long as those attributes you provided are correct ("class", "dir", etc) you can do this pretty easily with native JS.

You can use the "querySelectorAll" method and construct a string selector based on a collection of your attributes. You can then loop through your returned elements with "forEach" to either hide or remove the elements.

You can then construct an array of attribute key-value pairs to feed into the function.

Example:

function hideMyElements(attributes) {
    let selector = attributes.map(attr => `[${attr.name}="${attr.value}"]`).join('');
    document.querySelectorAll(selector).forEach(elem => {
        elem.style.display = "none";
        // Or if you want to completly remove the element:
        //elem.remove();
    });
}
    
const attributes = [
    {name: "bis_skin_checked", value: "1"},
    {name: "dir", value: "auto"}
];
    
hideMyElements(attributes);