javascript - 如何获取按钮标签的子标签值

Question

当用户单击它时，我试图从 html 按钮获取 src 值。

<button type="button" value="95" id="load" onclick="functionName(this.src,this.value);">
    <img src="https://www.drupal.org/files/druplicon-small.png">
    <span>Welcome</span>
</button>

已成功从 this.value 获取值，但 this.src 未提供任何值。

Answer 1

这是正常的，当你将this传递给函数时，this是你的按钮，或者在你的情况下，this.value是你的属性值按钮和 this.src 是按钮属性 src 的值，而您没有按钮 src 属性

你能做什么？:

• 将唯一的参数 this 传递给您的函数，然后在那里获取您的属性值。
• 在函数内部，通过 this 获取子图像并获取其属性 src

是这样的:

function functionName(button) {
  var buttonValue = button.value;
  var imageSrc = button.getElementsByTagName('img')[0].getAttribute('src');
}

<button type="button" value="95" id="load" onclick="functionName(this);">
  <img src="https://www.drupal.org/files/druplicon-small.png">
  <span>Welcome</span>
</button>