点击按钮后img子元素仅创建但图片不显示，求技术解决方案

直接替换成以下代码即可正常显示图片：

function G() {
    const imgSrc = "Intro-v4PPSs.jpg";
    const imgElement = document.createElement("img");
    // 设置图片路径
    imgElement.src = imgSrc;
    // 建议添加alt属性，用于图片加载失败时的提示
    imgElement.alt = "自定义图片描述";
    const parent = document.getElementById("demo");
    parent.appendChild(imgElement);
}

原代码的错误说明： #

• 第一行var B1 = src="Intro-v4PPSs.jpg"语法错误，定义图片路径只需直接赋值字符串，不需要写src=。
• document.createAttribute(B1)使用错误：这个方法需要传入属性名称（比如"src"），而非图片路径，你搞混了参数要求。
• para.appendChild(node)完全错误：属性节点不能通过appendChild添加到元素上，正确方式是直接给元素的src属性赋值，或者用setAttribute("src", 路径)。

最后确认下图片路径是否正确：如果图片和当前HTML文件不在同一目录，要写对相对路径（比如./assets/Intro-v4PPSs.jpg）。

内容的提问来源于stack exchange，提问作者Timothy