JavaScript-Funktion entfernen <img> von src

Question

ich ein Problem in JavaScript und ich kann es nicht wirklich herausfinden:

Ich habe ein JavaScript-Skript (kein jQuery) schreiben, um alle <IMG>-Tags zu entfernen, die die src="file.jpg" haben und fügt runde Ecken für alle <p> und <div> Tags hinzu, die als Hintergrund das Bild "file.jpg" haben.

Ich kann es wirklich nicht erarbeiten.

Answer 1

Wenn Sie die gewünschte Datei hat verschiedene Namen, nicht file.jpg aber zum Beispiel funnyImage.png oder etwas dann die Bildnamen ändern (und path davor), falls erforderlich:

Entfernen Sie die <img> Tags mit file.jpg als Quelle:

Array.from(document.querySelectorAll('img')).forEach(img => { 
    if(img.src === 'file.jpg') { 
     img.parentNode.removeChild(img); 
    } 
}); 

Abgerundete Ecken:

Array.from(document.querySelectorAll('p, div')).forEach(node => { 
    if(node['background-image'] === 'file.jpg') { 
     node.style['border-radius'] = '10px'; // for example 10px 
    } 
}); 

Oder einfach (viel intelligenter und effizienter):

const style = document.createElement('style'); 
style.textContent = 'p[background-image="file.jpg"], div[background-image="file.jpg"] { border-radius: 20px; }'; 
document.head.appendChild(style);