Javascript 如何使用相同的jsonclick事件获取div内部的内容

我有两个按类名标记划分的div，其中包含p、span标记。因此，当我在div上触发onclick事件时，它们应该记录或显示p，span标记的内容。 但是当我这样做的时候，它给出了我在标记中的所有内容，比如说2个div

当我点击那个特定的div时，应该显示被点击div的p，span标记的内容，而不是所有的p，span标记的内容

var tag=document.getElementsByClassName（“tag”）；
var pTag=document.queryselectoral（“P”）；
var sTag=document.queryselectoral（“SPAN”）；
对于（变量i=0；i

标题文本-1

10
标题文本-2

20

onclick

应该位于

for

循环的内部。此外，要获取文本，应使用

textContent

而不是

innerHTML

：

var tag=document.getElementsByClassName（“tag”）；
var pTag=document.queryselectoral（“P”）；
var sTag=document.queryselectoral（“SPAN”）；
对于（变量i=0；i

标题文本-1

10
标题文本-2

20

这将解决您的问题

var tag=document.getElementsByClassName（“tag”）；
var pTag=document.queryselectoral（“P”）；
var sTag=document.queryselectoral（“SPAN”）；
功能显示内容（事件）{
log（event.lastElementChild.innerText）；
}

标题文本-1

10
标题文本-2

20

您想要的是获取标签的

textContent

，而是您的

标签。单击
显示整个文档的
p
元素（这是您问题中的
pTag
）

下面是一个示例，您可以如何选择单击的
.tag
的子元素
p
和
span


var tags=document.getElementsByClassName（“tag”）；
对于（var i=0；i


标题文本-1

10
标题文本-2

20
“我有两个按类名标记划分的div，其中包含”-你是说类对吗？类/名称都是不同的属性，除非您指的是标记名？是的，类……感谢您的回答，这是比@Mamun answer更有利还是只是接收相同输出的另一种方式？取决于您的目的。如果您只想在
.tag
中获取
文本
，那么我认为@Mamun answer更为有利。但是，如果您想在
.tag
的子级中进行更多的DOM操作，那么这是一种方法。