Question

我在JavaScript中遇到问题，但我无法弄清楚：

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

我无法解决这个问题。

Answer 1

如果您想要的文件名称不同，而不是file.jpg，例如funnyImage.png或其他内容，则根据需要更改图片名称（以及path之前的名称）：

删除<img>代码file.jpg作为来源：

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);

JavaScript函数通过src删除<img/>

1 个答案: