Javascript queryselector not working with with not option

Question

I want to get all images which don't have a data url. Here’s my code implementation for it:

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

But I get an error on my console like below:

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

Can anyone tell me how to implement jQuery :not() selector? 

Answer 1

You have to implement the selector like below: 

 

...img:not([src^="data"])...

 

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

You can refer to this site for further reference. 

Interested in Java? Check out this Java Certification by Intellipaat.