此处将为大家介绍关于JavascriptaddEventListener()显示标签的详细内容,并且为您解答有关jsappend标签的相关问题,此外,我们还将为您介绍关于addEventListene
此处将为大家介绍关于Javascript addEventListener() 显示标签的详细内容,并且为您解答有关js append标签的相关问题,此外,我们还将为您介绍关于addEventListener 的用法示例介绍_javascript技巧、document.addEventListener使用介绍_javascript技巧、DOMContentLoaded 上的 window.addEventListener 无法正常工作 - JavaScript、Javascript .addEventListener 不起作用的有用信息。
本文目录一览:- Javascript addEventListener() 显示标签(js append标签)
- addEventListener 的用法示例介绍_javascript技巧
- document.addEventListener使用介绍_javascript技巧
- DOMContentLoaded 上的 window.addEventListener 无法正常工作 - JavaScript
- Javascript .addEventListener 不起作用
Javascript addEventListener() 显示标签(js append标签)
如何解决Javascript addEventListener() 显示标签?
我正在使用 Javascript 制作一个关于鸟类的网站。我想要的是,如果您单击显示详细信息,它将使用 EventListener 向您显示鸟类的详细信息。现在,它只显示我放在 html 中的标签,但我希望标签来自 java,这样我就可以显示更多标签,而不仅仅是鸟名。我希望这不是模糊的。我把我现在的代码放在下面。
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() {
//const tag = p.getElementsByTagName(''p'');
document.getElementById("title").innerHTML = p.dataset.value;
})
}
});
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1 id="title">Title</h1>
<p data-value="kerkuil">Click to change title to bird details</p>
<p data-value="specht">Click to change title to bird details</p>
<p data-value="meeuw">Click to change title to bird detail</p>
</body>
<script src="js/listenerEvent.js"></script>
</html>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
addEventListener 的用法示例介绍_javascript技巧
(要注意的是div必须放到js前面才行)
一般情况下,如果给一个dom对象绑定同一个事件,只有最后一个会生效,比如:
document.getElementById("btn").onclick = method1;
document.getElementById("btn").onclick = method2;
document.getElementById("btn").onclick = method3;