Traverse DOM

traverse_dom.js

const listings = document.querySelector("#\\39 9-root-app > div > div > div.sc-fodVxV.cYLuAZ > div > div.ui-container.flex.flex-justify-between.flex-align-start.relative > div.left-container-wrapper.flex.flex-row.flex-wrap.ui-row.flex-align-start.flex-justify-start > div");

// melihat semua child nodes 
listings.childNodes;

// Listing number must start from index 2
// because listing is start from index 2
const LISTING_NUMBER = 2;

// melihat 1 node listing
listings.childNodes[LISTING_NUMBER];

const listing1_images = listings.childNodes[LISTING_NUMBER].querySelectorAll("#card-carousel > div > div.ui-molecules-carousel__slider.relative > div > div");

listing1_images.forEach(item => {
  const imageElement = item.querySelector("a > span > picture > img");
  console.log(imageElement.attributes.src.value)
 });