如何将元素存储在锚标记中？

Question

我正在使用表格，并且表格内的元素与JSON数据一起动态添加。表数据由Id和其他内容组成。我已将id放在锚标记中，以便将其导航到另一个页面，该页面显示该Id的所有数据。我只想显示选定的Id的数据。所以我想将anchor标签内的元素设置为变量...有什么方法可以实现这一目标？

<a href="other_page.html">link Label<a>

现在我想将此“链接标签”存储到JavaScript或AngularJS中的变量中吗？

Answer 1

您可以为此使用data属性。例如

<a href="other_page.html" data-id="3" id="click">link Label<a>

和您的javascript：

<scrtipt>
  document.getElementById("click").addEventListener("click", function(event){
    alert(this.getAttribute("data-id"));
});
</script>

希望它会有所帮助。

Answer 2

<a id="jsonObject.id" href="other_page.html" onClick="clickFunction">link label</a>

您可以使用特定ID设置锚ID。然后在点击功能上，您可以发送事件对象并获取该特定ID。

JS代码

function clickFunction(event){
console.log(event.currentTarget.id);
}

Answer 3

当然可以！

您可以通过调用元素的.innerHTML来获取标签内的文本。在您的情况下，这将意味着：

<a href="other_page.html" id="tagid">link Label<a>

您需要先使用id作为标记，然后再使用JavaScript

var value = document.getElementById("tagid").innerHTML;