javascript - 使用 onclick 获取值

Question

我正在尝试从链接中获取 2 个值

<a onclick="rev()" href="track_path">
  <span id="name">username</span> - <span id="track">track_name</span>
</a>

<script>
function rev() {
  var username = document.getElementById("name").value;
  var track = document.getElementById("track").value;
  return alert (username);
}
</script>

但是当警报出现时，它会写 UNDEFINED.... 怎么了？

Answer 1

.value 仅用于获取输入、选择或文本区域字段的值。对于 html 标签，您需要使用 .innerHTML。

将脚本改成这样:

<script>
function rev(){
  var username = document.getElementById("name").innerHTML;
  var track = document.getElementById("track").innerHTML;
return alert (username);
}
</script>