JavaScript function remove <img> by src -
i have problem in javascript , can't figure out:
i have write javascript script (no jquery) remove <img> tags have src="file.jpg" , adds round corners <p> , <div> tags having background image "file.jpg".
i can't work out.
if desired file has different name, not file.jpg example funnyimage.png or change image name (and path before it) if needed:
remove <img> tags file.jpg source:
array.from(document.queryselectorall('img')).foreach(img => { if(img.src === 'file.jpg') { img.parentnode.removechild(img); } }); rounded corners:
array.from(document.queryselectorall('p, div')).foreach(node => { if(node['background-image'] === 'file.jpg') { node.style['border-radius'] = '10px'; // example 10px } }); or (much more intelligent , efficient way):
const style = document.createelement('style'); style.textcontent = 'p[background-image="file.jpg"], div[background-image="file.jpg"] { border-radius: 20px; }'; document.head.appendchild(style);
Comments
Post a Comment