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-05 15:02:36 -04:00
var closest = element.closest("div.container");
2024-04-12 11:29:46 -04:00
console.error('element.closest.html');
console.assert(closest.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
closest = element.closest("p.test");
console.assert(closest === null, 'NULL');
2024-04-12 11:29:46 -04:00
console.exit(1);
< / script >
< / body >
< / html >