我正在尝试使名为 id='pr' 的图像成为这样的变量。 我的 HTML 代码是
<div id="main">
<img id ='pr' style="width: 500px;height: 600px;"src="https://i.redd.it/2u0y0z5i12py.png">
</div>
我的 javascript 代码:
<script type="text/javascript">
var getElementById('pr') = 1
if (getElementById('pr' = 1)) {alert ('im pickle rick bitch')}
</script>
所以我想做的是为 pr 创建一个变量并将其赋值为 1,这样如果 pr 是画廊中的图像,它就会触发警报。希望我解释得很好,因为我的英语不是最好的! (我也是菜鸟)TY!
最佳答案
您的主要问题是,如果您为 pr
创建一个变量,然后将该变量设置为 1
,您将丢失对 pr< 的引用
.
换句话说:
var document.getElementById("pr") = 1;
不是有效代码,因为您没有指定变量名。但是,即使您这样做了:
var x = document.getElementById("pr") = 1;
x
将首先保存对 pr
的引用,然后立即丢失该值并设置为 1
。
您的 if
条件也有问题,因为单个等号 (=
) 用于设置值,而不是比较两个值。因此,您的条件将始终返回 true
。 JavaScript 使用 ==
和 ===
进行比较。
如果你需要一种方法来跟踪元素,你可以给每个元素一个 data-* attribute 如下图:
var element = document.getElementById('pr');
// We can extract the data-count attribute value (a string)
// with the .dataset.count property:
if (element.dataset.count === "1") {
alert ('im pickle rick bitch');
}
<div id="main">
<!-- The data-* attributes are designed to allow you to store meaningfull data with an element. -->
<img id ='pr' data-count="1"
style="width: 500px;height: 600px;" src="https://i.redd.it/2u0y0z5i12py.png">
</div>
关于javascript - 使HTML id成为javascript中的变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46383295/