原创投稿
广告
广告
广告 广告 广告 广告
广告
广告 国内BGP机房32G内存299元 网站收录排名问题解决 【超牛】搜外友链平台 站长在线扒站工具【免费】 【免费】站长开发工具箱 【推荐】站长自动外链工具 广告位联系QQ：253000106 独立服务器100M/不限/免备 2核2G服务器新用户低至68元/年 虚拟资源平台,轻松变现 10000来路IP只需8元 站群系统程序-专注SEO站群 黑帽SEO论坛_黑帽聚集地 企业HTTP代理IP服务提供商 软文推广，在线获客【定制】 站群服务器99元起 SEO免费工具分享 外推代发包收录 【国内国际】短信推广，免费测试 实力产品收量 外链代发 5分一条 快速排名 █一解决“收录、排名”问题一█ ●●●优质搜狗泛收录域名●●● AI数字人直播系统源码 百度SEO排名7-15天上首页
  1. 创想鸟首页
  2. 站长之家
  3. 编程技术

如何用JavaScript获取点击的列表项内容并传递给函数？

PHP中文网 • • 编程技术 • 阅读 1 

点击列表项获取内容并调用函数
      
  • 张三
    •   
  • 李四
    •   
  • 王五
window.onload = function() {  const listItems = document.getElementById("test").getElementsByTagName("li");  for (let i = 0; i < listItems.length; i++) {    listItems[i].addEventListener("click", function() {      const name = this.textContent;      myFunction(name);    });  }};function myFunction(name) {  // 在这里处理获取到的姓名  console.log("你点击了：" + name);  //  你可以在这里添加其他的操作，例如：  //  alert("你点击了：" + name);  //  发送Ajax请求等等}

登录后复制

如何用javascript获取点击的列表项内容并传递给函数？

改进说明：

使用了更简洁的const声明变量，提高了代码可读性。使用了addEventListener方法添加事件监听器，这是现代JavaScript的推荐方法。使用textContent代替innerHTML获取文本内容，避免潜在的HTML标签干扰。提供了一个更清晰的myFunction函数示例，展示了如何处理获取到的姓名。 该示例仅打印到控制台，但你可以轻松地替换成任何你需要的操作。

这段代码实现了点击列表项后，获取其文本内容并传递给myFunction函数的功能。 myFunction函数是一个占位符，你可以根据实际需求修改其内部逻辑。 图片位置保持不变。

以上就是如何用JavaScript获取点击的列表项内容并传递给函数？的详细内容，更多请关注【创想鸟】其它相关文章！

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。

发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3168496.html

赞 (0)
0 0

关于作者

PHP中文网的头像

PHP中文网签约作者

538.4K 文章
0 评论
1 粉丝
php中文网提供大量免费、原创、高清的php视频教程，并定期举行公益php培训！可边学习边在线修改示例代码，查看执行效果！php从入门到精通，一站式php自学平台！
上一篇 2025年3月31日 04:48:24
下一篇 2025年3月31日 04:48:33

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论

请登录

您还未登录，请登录后再进行相关操作！

登录 注册