原生js: 请对循环遍历出来的元素加上点击事件

最新推荐文章于 2024-09-06 09:58:40 发布

fury_123

最新推荐文章于 2024-09-06 09:58:40 发布

阅读量182

点赞数 3

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/kuang_nu/article/details/140953492

版权

问:

helpInfoText.forEach(item => {
                      if (count < 5 && item[0] === itemId) {
                          // 给li标题写入文字
                          console.log(item[1], 'item[1]');
                          var dtElement = document.createElement('li');
                          dtElement.textContent = item[1];
                          contentDivUl.appendChild(dtElement);
                          // 增加计数器
        				  count++;
                      }
                  });
这里创建的五个li标签我希望给他们增加点击事件, 点击第一个li标签获取到第一个li的item[1]文本,点击其他的li获取对应的文本

回答:

helpInfoText.forEach(item => {
    if (count < 5 && item[0] === itemId) {
        // 给li标题写入文字
        console.log(item[1], 'item[1]');
        var dtElement = document.createElement('li');
        dtElement.textContent = item[1];
        contentDivUl.appendChild(dtElement);
        // 增加计数器
        count++;

        // 添加点击事件监听器
        dtElement.addEventListener('click', function() {
            // 获取对应的文本
            var clickedText = this.textContent;
            console.log(clickedText);
            // 在这里可以进行你想要的操作，比如打印文本或者执行其他逻辑
        });
    }
});