javascript - 从 id 获取值并将其传递给函数

Question

有谁知道我在哪里犯了错误？

function functionTest(name) {
  var Name = name;
  alert(Name);

}

<h3 id="name" value="testingName"><a href="#"> test </a></h3>
<button onclick="functionTest(document.getElementById('name').value)"></button>

输出未定义

Answer 1

<h3>元素没有有 value属性。但你可以使用data-*属性来代替。像这样的事情:

<h3 id="name" data-value="testingName">

然后您可以从 dataset 访问它属性:

document.getElementById('name').dataset.value

Example ，使用您的原始代码

function functionTest(name) {
  var Name = name;
  alert(Name);
}

<h3 id="name" data-value="testingName"><a href="#"> test </a></h3>
<button onclick="functionTest(document.getElementById('name').dataset.value)"></button>