js 获取图片链接

<img id="myImage" src="path/to/image.jpg" alt="My Image">

const imgElement = document.getElementById('myImage');
const imgSrc = imgElement.src;
console.log(imgSrc); // 输出: path/to/image.jpg

<img class="myImages" src="path/to/image1.jpg" alt="Image 1">
<img class="myImages" src="path/to/image2.jpg" alt="Image 2">

const imgElements = document.getElementsByClassName('myImages');
for (let i = 0; i < imgElements.length; i++) {
  console.log(imgElements[i].src); // 输出每个图片的链接
}

const imgElements = document.getElementsByTagName('img');
for (let i = 0; i < imgElements.length; i++) {
  console.log(imgElements[i].src); // 输出每个图片的链接
}

const imgElement = document.querySelector('.myImages[src="path/to/image1.jpg"]');
const imgSrc = imgElement.src;
console.log(imgSrc); // 输出: path/to/image1.jpg

const imgElement = document.getElementById('myImage');
if (imgElement) {
  console.log(imgElement.src);
} else {
  console.log('图片元素不存在');
}

const imgElement = document.createElement('img');
imgElement.src = 'path/to/image.jpg';
imgElement.onload = () => {
  console.log(imgElement.src);
};
document.body.appendChild(imgElement);