Javascript 将信息放入html属性中，以便在JS函数中访问

在下面的代码中，我在html按钮元素中创建了一个名为“foo”的属性。我希望能够在“onclick”调用的javascript函数中以某种方式访问它

如果我尝试以调用ID的相同方式调用它，实际得到的是“未定义”

或者，可能有其他方法将一些数据发送到不在ID或值中的函数

这里有一个JS小提琴来演示

函数分配单击（按钮）{
document.write（'这是“foo”：“+button.foo+”
这是“ID”：“+button.ID”）；
}

测试

如果我尝试以调用ID的相同方式调用它，实际得到的是“未定义”

只有官方属性才能反映属性。如果要从元素中获取没有反射属性的属性，请使用

getAttribute

：

console.log(button.getAttribute("foo")); // if the attribute is called foo

实例：

函数分配单击（按钮）{
log（'这是“数据foo”：'+button.getAttribute（“数据foo”）；
}

测试

如果我尝试以调用ID的相同方式调用它，实际得到的是“未定义”

只有官方属性才能反映属性。如果要从元素中获取没有反射属性的属性，请使用

getAttribute

：

console.log(button.getAttribute("foo")); // if the attribute is called foo

实例：

函数分配单击（按钮）{
log（'这是“数据foo”：'+button.getAttribute（“数据foo”）；
}

---

Test

“在下面的代码中，我在html按钮元素中创建了一个名为'foo'的属性。”？“foo”这个词在你的问题中除了那句话之外没有出现在任何地方。也不要在页面呈现后使用document.write。它会擦干净这一页。要将属性添加到标记中，请使用

data foo

和

按钮。getatribute（“data foo”）

：您很可能希望了解我试图编辑的内容，但为了清楚起见，我的问题是我是否可以将数据嵌入到html元素中，该元素可以由不在ID或值部分的onload调用的javascript函数访问。请查看“在下面的代码中，我在html按钮元素中创建了一个名为“foo”的属性。”嗯……在哪里？“foo”这个词在你的问题中除了那句话之外没有出现在任何地方。也不要在页面呈现后使用document.write。它会擦干净这一页。要将属性添加到标记中，请使用

data foo

和

按钮。getatribute（“data foo”）

：您很可能希望了解我试图编辑的内容，但为了清楚起见，我的问题是我是否可以将数据嵌入到html元素中，该元素可以由不在ID或value部分的onload调用的javascript函数访问