Select getElementsByClassName（'；类'；）仅用于单击的元素_Select_Click_Element_Getelementsbyclassname

Select getElementsByClassName（'；类'；）仅用于单击的元素

select

Select getElementsByClassName（'；类'；）仅用于单击的元素,select,click,element,getelementsbyclassname,Select,Click,Element,Getelementsbyclassname,我有一系列的课。我想选择用户单击的div中的文本在下面的示例代码中，如果用户单击第一个div，则得到的文本应该是：“示例文本一” 如果用户单击第二个div，它应该是“示例文本2” 我可以使用具有Id和getElementById（'Id'）.innerHTML的div实现我想要的功能但我不得不通过上课来完成它，这是行不通的进一步挖掘：据我所知，getElementsByClassName返回一个类似于object和document的数组。getElementsByClassName（“.

我有一系列的课。我想选择用户单击的div中的文本

在下面的示例代码中，如果用户单击第一个div，则得到的文本应该是：“示例文本一”

如果用户单击第二个div，它应该是“示例文本2”

我可以使用具有Id和getElementById（'Id'）.innerHTML的div实现我想要的功能

但我不得不通过上课来完成它，这是行不通的

进一步挖掘：据我所知，getElementsByClassName返回一个类似于object和document的数组。getElementsByClassName（“.sample_div”）[0]。innerHTML将起到某种作用，但它只返回第一个元素。也许有一种方法可以将0替换为单击的div的索引

任何在课堂上做到这一点的方法都是很好的。多谢各位

<!DOCTYPE html> <html>  

<div class='sample_div'>Sample text ONE</div>
<div class='sample_div'>Sample text TWO</div>

</html>

<script type="text/javascript">    

const divs = document.querySelectorAll('.sample_div');

divs.forEach(divSelect => divSelect.addEventListener('click', notice));

function notice() {
  let text = document.getElementsByClassName('.sample_div').innerHTML;
  console.log(text);
}


示例文本一
示例文本二
const divs=document.querySelectorAll（'.sample_div'）；
divs.forEach（divSelect=>divSelect.addEventListener（'click'，notice'）；
功能通知（）{
让text=document.getElementsByClassName（'.sample_div'）.innerHTML；
console.log（文本）；
}

此

将包含单击的元素

使用jquery，您可以创建一个侦听all.sample\u div的事件侦听器，并使用

此

变量引用它

$（.sample\u div”）。单击（函数（）{
log（this.innerHTML）
})


示例文本一
示例文本二