Question

我试图将一个锚元素的值保存到一个变量中，但是没有任何运气能够完成它。这是代码锚点和我尝试使用的代码：

<html>
<body> 

<a href="/page" class="foo">Widget <span class='amount'>$98.00</span></a>

<script>
    var x = document.getElementById("amount");
    alert(x);
</script>

</body>
</html>

我的期望是，当警报触发时，我在弹出窗口中获得$ 98.00，但我得到的只是＆＃34; null＆＃34;。我使用＆＃34; span＆＃34;，＆＃34; class＆＃34;更改了document.getElementbyId中的值。或者＆＃34; a＆＃34;，但我得到的是它未定义或为空。任何帮助将不胜感激。谢谢，里德

Answer 1

您需要id（<span id='amount'>）而不是class，因为您使用getElementById
您的代码仅选择元素，以获取您需要的内容textContent或innerHTML

在此处查看：

＆＃13;

var x = document.getElementById("amount").textContent;
alert(x);

＆＃13;

<a href="/page" class="foo">Widget <span id='amount'>$98.00</span></a>

＆＃13;

由于您无法更改标记，因此必须使用类选择器：

＆＃13;

var x = document.getElementsByClassName("amount")[0].textContent;
alert(x);

＆＃13;

<a href="/page" class="foo">Widget <span class='amount'>$98.00</span></a>

＆＃13;

请记住，document.getElementsByClassName("amount")[0]仅选择文档中的第一个.amount元素，如果您有更多元素，请谨慎选择正确的元素。

在此处阅读：https://developer.mozilla.org/en-US/docs/Web/API/document.getElementsByClassName

将anchor元素的值保存到变量中

1 个答案: