JSFiddle - React, Tailwind, and code Playground

by gentooboontoo

HTML

<div id="results">
</div>
<div>
    <svg>
        <g>
            <foreignObject>
                <div>foobar</div>
            </foreignObject>
        </g>
    </svg>
</div>

JavaScript

function find(selector) {
    var nodes = document.querySelectorAll(selector);
    jQuery('#results').append('<p>' + selector + ': ' + (nodes.length === 0 ? 'NOT FOUND' : (nodes.length + ' nodes found')) + '</p>');
}

find('div');
find('svg');
find('g');
find('foreignObject');