javascript怎么设置img src值
发布时间:2023-05-14 16:11:01
在JavaScript中,设置img标签的src属性的方法有很多种。以下是其中的几种:
1. 直接为src属性赋值
可以通过以下代码直接为img标签的src属性赋值:
var img = document.getElementById("myImg");
img.src = "http://example.com/image.jpg";
2. 通过setAttribute方法设置
还可以使用setAttribute方法来设置img标签的src属性,如下所示:
var img = document.getElementById("myImg");
img.setAttribute("src", "http://example.com/image.jpg");
3. 使用jQuery设置
如果你正在使用jQuery,则可以通过以下代码设置img标签的src属性:
$("#myImg").attr("src", "http://example.com/image.jpg");
4. 动态创建img标签并设置src属性
还可以使用JavaScript动态创建img标签,并设置其src属性,如下所示:
var img = new Image(); img.src = "http://example.com/image.jpg"; // 将img标签添加到文档中 document.body.appendChild(img);
以上是四种常见的设置img标签src属性的方法。你可以根据实际情况选择其中的一种使用。
