如何将锚标记内的元素存储在变量中？答案

【问题标题】：How to store the element inside anchor tag in a variable?如何将锚标记内的元素存储在变量中？
【发布时间】：2018-08-17 19:46:17
【问题描述】：

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

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

现在我想将这个“链接标签”存储到 JavaScript 或 AngularJS 中的变量中，有什么办法吗？

【问题讨论】：

【解决方案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>

希望对您有所帮助。

【讨论】：

【解决方案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);
}

【讨论】：

【解决方案3】：

当然可以！

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

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

标签需要id，然后是JavaScript

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

【讨论】：