JavaScript函数删除 <img> 通过src

Question

我在JavaScript中遇到问题，无法真正解决：

我必须编写一个JavaScript脚本（没有jQuery）以删除所有具有src="file.jpg"的<IMG>标签，并为所有具有背景图像"file.jpg" <p>和<div>标签添加圆角"file.jpg" 。

我真的无法解决。

Answer 1

如果所需文件的名称不同，则不是file.jpg而是例如funnyImage.png或其他名称，然后根据需要更改图像名称（及其之前的path ）：

删除以file.jpg为源的<img>标签：

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

圆角：

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

或者只是（更加智能和高效的方式）：

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