javascript querySelector not working with with ':not()' option [duplicate]

Question

Hi there are something wrong with this selector

document.querySelectorAll('img:not(img[src^="data"])');

I need to get all images which does not having a data url,

my developer console saying that

VM701:1 Uncaught DOMException: Failed to execute 'querySelectorAll' on 'Document': 'img:not(img[src^="data"])' is not a valid selector.

No way this is not a duplicate for stackoverflow.com/questions/10711730/…. First of all, that one is jQuery, this one vanilla JS. Second and more important, that one is about differences with jQuery/JS and CSS implementation of the selector. That one may have the solution for this in somewhere, it may serve as additional reading; but what's only needed here, is Sandeep simple explanation of misuse of the selector. — Andre Figueiredo
– Andre Figueiredo, Commented Dec 14, 2018 at 4:32

Sandeep Nayak · Accepted Answer · 2017-01-10 05:12:58Z

4

It should just be ...img:not([src^="data"])...

document.querySelectorAll('img:not([src^="data"])');

Read more about attribute selector here

answered Jan 10, 2017 at 5:06

Sandeep Nayak

4,7571 gold badge25 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1