javascript - 使HTML id成为javascript中的变量

Question

我正在尝试使名为 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!

Answer 1

您的主要问题是，如果您为 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>