从元素获取.value时出现未定义

Answer 1

仅

input

、

select

和某些其他特定元素具有

value

属性，而不是

span

元素。即使您在

value

上放置了 span

属性

，也不会通过

value

属性反映出来（它也是

span

元素的无效属性）。要在该元素上放置任意值（除了其文本内容），您可以使用

data-*

属性 和

getAttribute

或

dataset

来检索它。

const value = bonusLifeEl.dataset.value;

// Side note: I'd use `getElementById` rather than `querySelector` here
const bonusLifeEl = document.querySelector("#bonus-life");
const value = bonusLifeEl.dataset.value;
console.log(value,);

<h3>PLAYER HEALTH<span data-value="1" id="bonus-life" >1</span></h3>