使用数据-*和javascript_Javascript_Html

使用数据-*和javascript

javascript html

使用数据-*和javascript,javascript,html,Javascript,Html,我正在学习javascript并尝试将值2存储在img元素的数据值中，当我按下图像时，我想使用javascript在段落中显示该值（2）。这是我的密码： <!DOCTYPE html> <html> <head> <script> function ispisi() { var x = document.getElementById("myimage").data-value; document.getElementById('d

我正在学习javascript并尝试将值2存储在img元素的数据值中，当我按下图像时，我想使用javascript在段落中显示该值（2）。这是我的密码：

<!DOCTYPE html>
<html>
<head>
<script>
 function ispisi() {
    var x = document.getElementById("myimage").data-value;
    document.getElementById('demo').innerHTML = x;
 }
</script>
</head>

<body>

<img id="myimage" data-value="2" onclick="ispisi()" src="bulboff.gif" width="100" height="180" />

<p id="demo">Text here<p>

</body>
</html>


函数ispsi（）{
var x=document.getElementById（“myimage”）.数据值；
document.getElementById（'demo'）.innerHTML=x；
}
此处的文本

该值应显示在第p段中，但当我单击图像时，“此处的文本”将保持不变。为什么这个代码不起作用？

试试这个

var x = document.getElementById("myimage").dataset.value;

或

正确的方法如下：

function ispisi() {
    var x = document.getElementById("myimage").getAttribute('data-value');
    document.getElementById('demo').innerHTML = x;
}

window.onload = function() {
    document.getElementById('myimage').onclick = ispisi;
};

虚线在变量名中不合法，数据值表示数据减去值

function ispisi() {
    var x = document.getElementById("myimage").getAttribute('data-value');
    document.getElementById('demo').innerHTML = x;
}

window.onload = function() {
    document.getElementById('myimage').onclick = ispisi;
};