Javascript 如何使用alt更改img的src？

有没有办法在加载图像时使用alt属性更改图像src属性

我希望脚本自动将图像的源更改为图像的alt

以前

之后

---

您可以使用JavaScript：

// Execute function on load through self-invocation
var switchAlt = function() {
    // Get all images on the document
    var images = document.getElementsByTagName('img');

    // Count the number of image elements and switch alt and src
    var i = images.length;
    while (i--) {
        images[i].src = images[i].alt;
    }
}();

如果要在HTML文件中实现，请不要忘记将其包装到脚本标记中：

<script type="text/javascript">
// Execute function on load through self-invocation
var switchAlt = function() {
    // Get all images on the document
    var images = document.getElementsByTagName('img');

    // Count the number of image elements and switch alt and src
    var i = images.length;
    while (i--) {
        images[i].src = images[i].alt;
    }
}();
</script>

---

您可以使用JavaScript：

// Execute function on load through self-invocation
var switchAlt = function() {
    // Get all images on the document
    var images = document.getElementsByTagName('img');

    // Count the number of image elements and switch alt and src
    var i = images.length;
    while (i--) {
        images[i].src = images[i].alt;
    }
}();

如果要在HTML文件中实现，请不要忘记将其包装到脚本标记中：

<script type="text/javascript">
// Execute function on load through self-invocation
var switchAlt = function() {
    // Get all images on the document
    var images = document.getElementsByTagName('img');

    // Count the number of image elements and switch alt and src
    var i = images.length;
    while (i--) {
        images[i].src = images[i].alt;
    }
}();
</script>

试试这个：

var change = function() {
    var imgs = document.images || document.getElementsByTagName('img');
    for (var i = 0; i < imgs.length; i++) {
        imgs[i].src = imgs[i].alt;
    }
}

试试这个：

var change = function() {
    var imgs = document.images || document.getElementsByTagName('img');
    for (var i = 0; i < imgs.length; i++) {
        imgs[i].src = imgs[i].alt;
    }
}

---

首先，给出图像的id，这样img标记将如下所示：

<img id="img1" src="" alt="myimage.jpg" onload = "changesource()"/>

function changeSrc()
{
    var img = document.getElementById("img1");
    img.src =img.alt;
}

onload = "changeSrc()"

现在在加载图像时调用此函数，如下所示：

<img id="img1" src="" alt="myimage.jpg" onload = "changesource()"/>

function changeSrc()
{
    var img = document.getElementById("img1");
    img.src =img.alt;
}

onload = "changeSrc()"

---

首先，给出图像的id，这样img标记将如下所示：

<img id="img1" src="" alt="myimage.jpg" onload = "changesource()"/>

function changeSrc()
{
    var img = document.getElementById("img1");
    img.src =img.alt;
}

onload = "changeSrc()"

现在在加载图像时调用此函数，如下所示：

<img id="img1" src="" alt="myimage.jpg" onload = "changesource()"/>

function changeSrc()
{
    var img = document.getElementById("img1");
    img.src =img.alt;
}

onload = "changeSrc()"

---

---

exe？这个代码应该是恶意的吗？Divya通常是女性的名字。这不是alt属性的目的。。。请改用custon属性。。。数据关闭=。。。有关的数据=。。。例如数据-是标记中非标准元数据的前缀。如果你回答这个问题，可能会得到更好的答案。您是否使用底层工具包jquery、dojo等？exe？这个代码应该是恶意的吗？Divya通常是女性的名字。这不是alt属性的目的。。。请改用custon属性。。。数据关闭=。。。有关的数据=。。。例如数据-是标记中非标准元数据的前缀。如果你回答这个问题，可能会得到更好的答案。您使用的是底层工具包jquery、dojo等吗？简要说明：如果OP想要交换它们，您需要在while循环中使用一个临时变量。@apphacker-使用一个使编码更简单的抽象有什么错？@jmort253，开销。为琐碎的代码加载库是多余的。@jmort253它没有问题，原来的问题没有要求它。如果他或她没有使用jQuery，并且对此一无所知，那么这是一个无用的答案。我知道有人在问题的评论中提到了这一点，但在答案中可能值得一提的是，虽然你可以这样做，但这并不是alt attributeQuick的正确用法注意：如果OP想要交换它们，您需要在while循环中使用一个临时变量。@apphacker-使用一个使编码更简单的抽象有什么不对？@jmort253，开销。为琐碎的代码加载库是多余的。@jmort253它没有问题，原来的问题没有要求它。如果他或她没有使用jQuery，并且对此一无所知，那么这是一个无用的答案。我知道有人在问题的评论中提到了这一点，但在答案中可能值得一提的是，尽管你可以这样做，但根据这一资源，这并不是alt attributea的正确用法，这在所有浏览器中都不可靠：根据此资源，这在所有浏览器中都不可靠：