可以通过以下步骤完成:
下面是一个示例代码:
<!DOCTYPE html>
<html>
<head>
<title>获取数组中单击的indexOf按钮的父级</title>
</head>
<body>
<button onclick="getButtonParent(this)">按钮1</button>
<button onclick="getButtonParent(this)">按钮2</button>
<button onclick="getButtonParent(this)">按钮3</button>
<script>
function getButtonParent(button) {
var buttons = Array.from(document.getElementsByTagName('button'));
var buttonIndex = buttons.indexOf(button);
var parentElement = button.parentNode;
console.log(parentElement); // 输出获取到的父级元素
// 可以在这里进行后续操作,例如修改样式、添加/删除元素等
}
</script>
</body>
</html>
这段代码中,我们创建了一个包含三个按钮的数组,并给每个按钮添加了一个点击事件处理程序。在点击事件处理程序中,我们通过indexOf()方法获取了被点击按钮在数组中的索引值,并使用parentNode属性获取了按钮的父级元素。最后,我们可以在控制台输出父级元素或进行其他后续操作。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云