如何事件监听页面中单击的任何html标记，并输出其id属性的值

Question

我希望能够通过单击锚/链接中的任何一个的id属性值来修改/输出到特定标题标签的内容。

目前，我只能使用一个特定链接（在下面的示例中为“ Shaghai”）的值来更改文本“ City”。要更改代码，以便标题标签显示单击任何链接的输出，我尝试使用此操作（但失败）：

document.getElementsByTagName("A")[*].addEventListener("click", myFunction)

当然，如果我可以从查询字符串本身中获取城市名称，那更好，因为id属性将是多余的。

<base target=splash>

<H3 id=myTitle onclick="myFunction()">City</H3>

<A href="myPage.htm?id=New York" id="New York">New York</A>
<A href="myPage.htm?id=Shanghai" id="Shanghai">Shanghai</A>
<A href="myPage.htm?id=Damascus" id="Damascus">Damascus</A>

<IFRAME src="myPage.htm" name=splash></IFRAME>


    <script>
    //document.getElementsByTagName("A")[*].addEventListener("click", myFunction);

    document.getElementById("Shanghai").addEventListener("click", myFunction);
    function myFunction() {

        var yo = document.getElementsByTagName("A")[1].id;
        document.getElementById("myTitle").innerHTML = yo;
        }
    </script>

Answer 1

您可以为每个链接尝试类似的操作

<a onclick="getElementById('myTitle').innerHTML = your title here">your value here</a>

否则，尝试搜索w3schools onclick事件希望这会有所帮助：>