Javascript 在p标记上使用事件侦听器

单击任一

p标记时，我在更改
h1标记时遇到问题。我在循环使用
p标记
、提取值并用该数据值更改标题时遇到问题。到目前为止，我只得到一个错误：无法读取
未定义的
的
属性值


window.addEventListener（'load'，function（）{
"严格使用",；
常量p_数组=document.getElementsByTagName（“p”）；
常数计数=p_数组长度；
//循环浏览元素列表。
for（设i=0；i
标题
单击将标题更改为一
单击将标题更改为Two
单击将标题更改为三个
getElementsByTagName
返回节点集合。如果您对当前
p
感兴趣，只需使用
this
或事件目标：

p.addEventListener("click", function (e) {
  const tag = e.target
  // or const tag = this

  document.getElementById("title").innerHTML = tag.dataset.value;
})


window.addEventListener（'load'，function（）{
"严格使用",；
常量p_数组=document.getElementsByTagName（“p”）；
常数计数=p_数组长度；
//循环浏览元素列表。
for（设i=0；i
标题
单击可将标题更改为一
单击将标题更改为Two
单击将标题更改为三个步骤1:
用于根据从
getElementsByTagName（）
返回的HTMLCollection构建数组

第二步：

在每个元素上设置一个事件侦听器，并使用单击的元素
数据值
更改
#title



window.addEventListener（'load'，function（）{
"严格使用",；
from（document.getElementsByTagName（“p”））.forEach（ele=>{
ele.addEventListener（“单击”，函数（）{
document.getElementById（“title”）.innerHTML=ele.dataset.value；
})
});
});
标题
单击将标题更改为一
单击将标题更改为Two
单击将标题更改为三个
window.addEventListener（'load'，function（）{
"严格使用",；
常量p_数组=document.getElementsByTagName（“p”）；
常数计数=p_数组长度；
//循环浏览元素列表。
for（设i=0；i
标题
单击将标题更改为一
单击将标题更改为Two
单击将标题更改为三个
这将完成此操作（仅限javascript）
p、 getAttribute（“数据值”）；返回指定属性的值

window.addEventListener('load', function() {
    'use strict';

    const p_array = document.getElementsByTagName("p");
    const count = p_array.length;

    //loop through a list of elements.
    for (let i = 0; i < count; i++) {

        const p = p_array[i];

        p.addEventListener("click", function(){

          alert(p.getAttribute('data-value'));
            document.getElementById("title").innerHTML = p.getAttribute('data-value');

        });
    }
});

window.addEventListener（'load'，function（）{
"严格使用",；
常量p_数组=document.getElementsByTagName（“p”）；
常数计数=p_数组长度；
//循环浏览元素列表。
for（设i=0；i
谢谢您的帮助。从p标签中提取数据集还有很长的路要走吗？或者仅仅使用它有意义吗？我正在寻找一种方法来实现一个我不知道id/名称/等等的事件侦听器。。。事先，这真的帮助了我，谢谢你