如何通过 javascript select 带有 div id 的图像 src

Question

例如我有这个

 <div id="p22" class="ibox-content product-box" onclick="selectPlace('22')">
   <img src="https://lh3.googleusercontent.com/7LYKrgJm_cuZ5eldVYbPJBrp3ZI8I2jhtkBaLbKkLa0SYNxKqst4R22GKTQMrMVrhiNpMgQYlUcnG_7p=s0" alt="" class="image-create-site">
  <div id="check-p22" class="float-right top" style="display: none">
         <i class="float-right fa fa-check-circle fa-2x text-navy"></i>
            </div>
          <div class="product-desc">
        <span class="product-name"> 美容室 amor 水天宮前店（アモール）</span>
               </div>
                 </div>

这些图像是从 API 生成的，并且会不时更改，因此我需要根据 div 的 id 获取它们以通过表单发送它们

在该示例中，id 是“p22”，可以通过调用 selectedplace

获得

如果我使用 console.log(selectedPlace); 我在控制台上得到 22

Answer 1

我用这个解决了

let imageSelected = document.getElementById('p' + selectedPlace).getElementsByTagName('img').item(0).getAttribute('src');
console.log(imageSelected);

它适用于所有 ID

Answer 2

你也可以这样做（更简单）。

const target = document.querySelector("#p" + selectedPlace + ">img:first-child").src;

如何通过 javascript select 带有 div id 的图像 src

How to select an image src with div id via javascript

javascript

image

select

src