JavaScript中的圖片

-5

我正在使用JavaScript進行項目。我想知道是否有一種方法來顯示圖像，而不使用HTML。我是JavaScript新手。我不介意鏈接到我需要閱讀的頁面。我找不到一個能夠回答這個問題的地方。JavaScript中的圖片

我簡單的願望在Web瀏覽器中顯示它，所以我只需要一行代碼這將在HTML替換此代碼：

<img src="my/string.jpg" alt="Mountain View" style="width:1210px;height:688px">

來源

2015-05-14 10emil10

你用什麼引擎來運行你的JavaScript？考慮到這個問題，大概不是網絡瀏覽器（或者至少不是從加載到網絡瀏覽器的HTML文檔中），但是會留下很多選擇，這會影響可能的答案。 – Quentin

顯示圖像，不含HTML？它會在哪裏出現？ –

您可以在瀏覽器中不使用** HTML **。你使用DOM。但我懷疑這不是你的意思...... –

我簡單的願望在Web顯示它瀏覽器，所以我需要的是一行代碼這將在HTML替換此代碼：
<img src="my/string.jpg" alt="Mountain View" style="width:1210px;height:688px"> 

你可以做到這一點with the DOM：你會使用createElement和appendChild或insertBefore：

var img = document.createElement('img'); 
img.src = "my/string.jpg"; 
img.alt = "Mountain View"; 
img.style.width = "1210px"; 
img.style.height = "688px"; 
document.body.appendChild(img); // Or wherever you want to put it

如果你不介意使用HTML，但只是想這樣做編程控制，可以使用insertAdjacentHTML方法或innerHTML屬性：

document.body.insertAdjacentHTML(
    'beforeend', 
    '<img src="my/string.jpg" alt="Mountain View" style="width:1210px;height:688px">' 
);

...或者

someElement.innerHTML = '<img src="my/string.jpg" alt="Mountain View" style="width:1210px;height:688px">';

來源

2015-05-14 12:29:32

我想我會使用DOM添加它，感謝您的幫助。 – 10emil10

JavaScript中的圖片

回答

相關問題