Me puse a practicar los selectors de QuerySelector
. El problema es que no sé en qué radica el problema.
Tengo mi HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<p id="hello">I am a paragraph</p>
<p id="hello">I am2 another paragraph</p>
<p id="hello">I am3 another paragraph</p>
<p id="hello">I am 4another paragraph</p>
<p id="hello">I am 5another paragraph</p>
<a href="https://awesomeplace.com">Hey I am a link</a>
<a href="https://anotherplace.com">I am another link</a>
<script type="module" src="assets/libs/js/functions/funtions.js"></script>
</body>
</html>
Y estaba intentando usar la forma simple con el querySelector
, pero me marca como Nulo en vez de lanzarme el último
document.querySelector("p:last-child");
Y lo demás es mi intento para no aburrirme:
var g = {
$: (e, set = document) => {
return set.querySelector(e);
},
$$: (e, set = document) => {
return set.querySelectorAll(e);
},
id: (e, set = document) => {
return set.querySelector('#' + e);
},
allId: (e, set = document) => {
return set.querySelectorAll('#' + e);
},
lastId: (e, set = document) => {
return set.querySelector('#hello:last-child');
},
}