Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Test JS metody matchesSelector</title> <h1>Test JS metody <code>matchesSelector</code></h1> <ul> <li><a href="#nic">Odkaz</a></li> <li><a href="">Odkaz</a></li> <li><a href="#neco">Odkaz</a></li> <li><a class="zvyraznit" href="">Odkaz</a></li> <li><a href="">Odkaz</a></li> </ul> <script> // Polyfill: https://gist.github.com/yckart/5932173 this.Element && function(ElementPrototype) { ElementPrototype.matchesSelector = ElementPrototype.matchesSelector || ElementPrototype.mozMatchesSelector || ElementPrototype.msMatchesSelector || ElementPrototype.oMatchesSelector || ElementPrototype.webkitMatchesSelector || function (selector) { var node = this, nodes = (node.parentNode || node.document).querySelectorAll(selector), i = -1; while (nodes[++i] && nodes[i] != node); return !!nodes[i]; } }(Element.prototype); </script>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
var odkazy = document.querySelectorAll("a"); for (var i = odkazy.length; i--; ) { if (odkazy[i].matchesSelector("[href='#neco']")) { odkazy[i].style.color = "red"; } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>