如何設置img標簽的src？

Question

我有一個javascript函數，它獲取其他html元素的值，我想將這些值傳遞給圖像標記。 我該如何通過？

我的功能如下：

<script type="text/javascript">
    function submitValues()
    {
        var firstname = document.getElementsByName("firstname")[0].value;
        var lastname = document.getElementsByName("lastname")[0].value;
    }

<img src="firstname=get_javascript_valuehere;lastname=get_javascript_valuehere;/>

Answer 1

在您的圖片代碼上添加ID並使用以下內容：

document.getElementById("myImg").src = "firstname=" + firstname + ";lastname=" + lastname + ";";

這至少是你所要求的，但我想如果你想詳細說明這個問題還有更多。

Answer 2

使用jQuery的.attr()方法修改元素的屬性。

function submitValues() {
    var firstname = $("[name=firstname]").val();
    var lastname = $("[name=lastname]").val();
    $("img").attr("src", "firstname=" + firstname + ";lastname=" + lastname + ";");
});

Answer 3

function submitValues()
{
    var firstname = document.getElementsByName("firstname")[0].value;
    var lastname = document.getElementsByName("lastname")[0].value;
    var img =  document.getElementById('fullName');
    img.setAttribute("src","firstname"+firstname+"lastname"+lastname+";");      
}

向img添加一個id，使用document.getElementById（）查詢它，然后使用此代碼設置src屬性。

它應該工作。