js如何设置img的src

<img id="myImage" alt="示例图片">

// 获取img元素
var img = document.getElementById('myImage');

// 设置src属性
img.src = 'path/to/your/image.jpg';

// 创建一个新的img元素
var img = new Image();

// 设置src属性
img.src = 'path/to/your/image.jpg';

// 将img元素添加到页面中
document.body.appendChild(img);

<button id="loadImageButton">加载图片</button>
<img id="myImage" alt="示例图片">

// 获取按钮和img元素
var button = document.getElementById('loadImageButton');
var img = document.getElementById('myImage');

// 添加点击事件监听器
button.addEventListener('click', function() {
    img.src = 'path/to/your/image.jpg';
});

// 使用Fetch API获取图片URL
fetch('https://api.example.com/get-image-url')
    .then(response => response.json())
    .then(data => {
        var img = document.getElementById('myImage');
        img.src = data.imageUrl;
    })
    .catch(error => console.error('Error:', error));