如何在 JavaScript函数中将图像作为参数传递？

我们都熟悉函数及其参数，我们经常在 JavaScript 函数中使用字符串、整数、对象、数组作为参数，但现在将了解如何在 JavaScript函数中将图像作为参数传递。我们将在这里使用 vanilla JavaScript。

首先，创建一个接收参数的函数，然后调用该函数。该参数应该是一个引用图像位置的字符串。

句法：

function displayImage (picUrl) {
    ...
}

displayImage('/assets/myPicture.jpg')

示例：在此示例中，我们将在一个 id 为“imgDiv”的 DIV 中显示一个图像。

脚步：

1. 首先，创建一个标记，其中包含一个h1和一个 id 为imgDiv的div标签，我们将在其中插入图像。
2. 创建一个脚本标签，我们都将在其中创建我们所有的逻辑。
3. 创建一个名为divLocation的变量并将该 div 的 DOM 元素分配给该变量。
4. 现在使用document.createElement()创建一个 img 元素并将其分配给变量 imgElement。
5. 然后使用 imgElement.href = /image location/将图像的 URL 分配给它的 href 属性。
6. 现在通过append()方法将 img 元素附加到 div 元素。

  

    
        Hello GFG
        
    
  
    
        var Pic = ""
  
        function displayImage(pic) {
            let divLocation = document.getElementById("imgDiv");
            let imgElement = document.createElement("img");
            imgElement.src = pic
            divLocation.append(imgElement);
        }
  
        Pic = 
"https://write.geeksforgeeks.org/static/media/Group%20210.08204759.svg";
  
        displayImage(Pic);
    

  

输出：