点击

Question

我尝试根据用户点击的节点元素来获取特定数据。我使用querySelectorAll代码有4个元素。我想要完成的是，如果我单击第一个元素，我将console.log特定数据，如果我选择第三个元素，我将记录该数据。我已经尝试过几件事，但还没有让它发挥作用。

＆＃13;

＆＃13;

function selectedSplit() {
	var macroSplits = document.querySelectorAll(".card");
		console.log(macroSplits[0].childNodes[3].childNodes[1].innerHTML);
}

＆＃13;

＆＃13;

＆＃13;

Answer 1

目前还不清楚你在哪里使用selectedSplit - 不管它是否被用作事件监听器返回功能。但是使用onClick事件监听器，您的返回功能将传递您需要的信息。

如果你想在标记中完成这个，你可以做 -

<div class='card' onClick="selectedSplit"></div>

然后您只需通过event.target

即可访问它

function selectedSplit(event) {
  var thisCard=event.target;
  console.log(thisCard.innerHTML);
}

Answer 2

event.target包含点击的元素：

＆＃13;

＆＃13;

d.onclick = e => console.log(e.target)

＆＃13;

<div id=d>
 <button><b>b</b></button>
 <button><i>i</i></button>
 <button><u>u</u></button>
 <button><s>s</s></button>
</div>

＆＃13;

＆＃13;

＆＃13;