我的html是这样的
<span class="material-icons" value="Texas" onclick="deleteArea(this)">delete</span>
我的JS功能如下
function deleteArea(deleteThisArea){
console.log(deleteThisArea.value);
}
它总是在控制台上打印未定义的内容。
Span元素不是窗体控件,因此它们没有value
属性或属性。
它们也不被设计成交互式控件(它们不以焦点顺序出现,屏幕阅读器也不告诉用户它们可以被交互)。
请改用按钮。
null
function deleteArea(deleteThisArea) {
console.log(deleteThisArea.value);
}
<button type="button" class="material-icons" value="Texas" onclick="deleteArea(this)">delete</button>