从变量中选择id

Selecting an id from a variable

本文关键字：id 选择 变量      更新时间：2023-09-26

我使用的是带有ruby的websocket，但我的问题是javascript。我正在尝试使用pic变量访问img位置。我记得我使用了一个"parse"命令，但我不记得在哪里看到过它。

<body>
  <div id ="a0">
    <img class = "image" src="">
    <br>
    <p class = "info"></p>
  </div>
  <div id ="a1">
    <img class = "image" src="">
    <br>
    <p class = "info"></p>
  </div>
</body> 

:javascript 
  var msg = {"selector" : "a0", "image" : "image0.jpg", "info" : "picture"};
  var pic = document.getElementById(msg["selector"]);

这就是的问题

  pic.select(".image").src = msg["image"];
  pic.select(".info").innerHTML = msg["info"];

我想明白了。它的方法"querySelector"

element = document.querySelector(selectors);
pic.querySelector(".image").src = msg["image"];

https://developer.mozilla.org/en-US/docs/Web/API/document.querySelector

<body>
  <div id ="a0">
    <img class = "image" src="">
    <br>
    <p class = "info"></p>
  </div>
  <div id ="a1">
    <img class = "image" src="">
    <br>
    <p class = "info"></p>
  </div>
</body>

试试这个

pic.querySelector(".image").src = msg["image"];
pic.querySelector(".info").innerHTML = msg["info"];
相关文章：