gpt4 book ai didi

javascript - 在 javascript 中使用 data-*

转载 作者:行者123 更新时间:2023-12-02 16:49:10 24 4
gpt4 key购买 nike

我正在学习 javascript 并尝试将值 2 存储在 img 元素的 data-value 中,当我按下图像时,我想使用 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>

该值应显示在第 p 段中​​,但是当我单击图像时,“此处的文本”将保留,插入。为什么这段代码不起作用?

最佳答案

试试这个

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

或者

var x = document.getElementById("myimage").getAttribute("data-value");

关于javascript - 在 javascript 中使用 data-*,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26835730/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com