如何创建一个函数，它将2个元素作为参数并返回一个在另一个之前的元素（在HTML代码中更多）？
例如，在这样的文档中：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1 id="title"></h1>
<h1 id="subtitle"></h1>
<div>
<span></span>
</div>
</body>
</html>
该函数将返回：
head和body之间的head;div和div之间的span;h1#title和h1#title之间的h1#subtitle;false和html之间的html。伪代码示例：
function firstElement(element1, element2) {
let elementX = false;
for ( ... ) {
if ( ... ) {
elementX = element1;
} else {
elementX = element2;
}
}
return elementX;
}
你可以得到所有的Dom元素，放在一个数组中并检查IndexEs ..
例如..
注意：我已经将all数组部分放在函数外面，以防你请求大量的DOM检查，因为它可以放在里面。
const first = document.querySelector("[data-pos=first]");
const second = document.querySelector("[data-pos=second]");
const all = Array.from(document.querySelectorAll("*"));
function firstElement(element1, element2) {
return all.indexOf(element1) < all.indexOf(element2) ?
element1 : element2;
}
const found = firstElement(second, first);
found.style.backgroundColor = "yellow";<div>test 1</div>
<div>test 2</div>
<div>test 3</div>
<div>test 4</div>
<div data-pos="first">test 5</div>
<div>test 6</div>
<div>test 7</div>
<div>test 8</div>
<div>test 9</div>
<div data-pos="second">test 10</div>
<div>test 11</div>
<div>test 12</div>