我试图弄清楚如何在下面的索引页面的单独页面上创建事件。例如,当单击事件发生时,我想在单独的页面 (artist.html) 上附加一个新节点我知道我可以访问元素 ID 并附加孩子,但我不确定我在这里做错了什么,现实世界的例子:用户点击一个成为点击事件的元素,将他们带到一个页面,该页面创建一个文本节点,上面写着“Hello World”......下面是我的 Javascript 代码片段。
点击事件发生的index.html页面如下:
<form class="navbar-search">
<input class="search-query" placeholder="Search..." type="text">
<div id="drop" class="dropdown">
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li>
<a id="photo_0" tabindex="-1" href="artist.html">
<p id="artist_0" class="list-item"> </p>
</a>
</li>
<li>
<a id="photo_1" tabindex="-1" href="artist.html">
<p id="artist_1" class="list-item"> </p>
</a>
</li>
<script>
var photo0 = document.getElementById("photo_0");
photo0.onclick = function() {
document.getElementById("album0").appendChild(document.createTextNode("Hello World"));
};
上面创建的事件单击发生时我想在其中附加新文本节点的artist.html 页面的片段
<a href="#"><p id="album0" class="album-photo"></p></a>
<div>
<p id="album-data0" class="albumdata-class"></p>
</div>