2024-04-12 11:29:46 -04:00
<!DOCTYPE html>
< html >
< body >
< div class = "demo container" > Grandparent
< div class = "demo container" > Parent
< div id = "myElement" class = "demo" > The outer HTML of closest element will be shown.< / div >
< / div >
< / div >
< script >
var element = document.getElementById("myElement");
2024-05-06 15:22:16 -04:00
var closes2 = element.closest("div.container");
2024-04-12 11:29:46 -04:00
console.error('element.closest.html');
2024-05-06 15:22:16 -04:00
console.assert(closes2, 'not null');
//console.assert(closes2.outerHTML === '< DIV class = "demo container" > Parent\n < DIV id = "myElement" class = "demo" > The outer HTML of closest element will be shown.< / DIV > \n < / DIV > ', 'TODO');
2024-05-05 15:52:07 -04:00
2024-05-06 15:22:16 -04:00
closes2 = element.closest("p.test");
console.assert(closes2 === null, 'NULL');
2024-05-05 15:52:07 -04:00
2024-05-06 15:22:16 -04:00
console.exit(0);
2024-04-12 11:29:46 -04:00
< / script >
< / body >
< / html >
