如果我们有类似的代码
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div class="highest_level_parent">
<div class="inner">
<a href="#!">Some link</a>
</div>
</div>
<script>
document.getElementsByTagName('a')[0].addEventListener('click', function(){
alert(this.highestLevelParent.className); // it's an example, of course there is no the highestLevelParent property in JS
});
</script>
</body>
</html>
并单击链接,我们如何才能在纯JS中获得所单击链接的最高级别父级,即<div class="highest_level_parent">
?
我的意思是,如果我们不知道嵌套的级别是多少,也不知道最高级别的父级的类。它必须在IE11中工作。
ps。关于<body>