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

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;