如何在JavaScript中加入圖片

想要使用JavaScript新增圖片，可以先使用createElement()方法建立一個img元素，並向img元素的src屬性賦圖片的URL位址值；然後使用appendChild()方法將img元素加入指定dom對像中即可。

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

想要使用JavaScript新增圖片，可以先使用createElement()方法建立一個img元素，並向img元素的src屬性賦圖片的URL位址值；然後使用appendChild()方法將img元素加入指定dom對像中，即可。

createElement() 方法

createElement() 方法透過指定名稱建立一個元素

語法：

document.createElement(nodename)

參數：nodename ：必須。建立元素的名稱。

傳回值：建立的元素節點

getElementById() 方法

getElementById() 方法可傳回對擁有指定ID 的第一個對象的引用。

HTML DOM 定義了多種尋找元素的方法，除了 getElementById() 之外，還有 getElementsByName() 和 getElementsByTagName()。

如果沒有指定 ID 的元素傳回 null

如果存在多個指定ID的元素則傳回 undefined。

語法：

document.getElementById(elementID)

appendChild() 方法

appendChild() 方法可在節點的子節點清單的末端新增新的子節點。

提示：如果文件樹中已經存在了 newchild，它將從文件樹中刪除，然後重新插入它的新位置。如果 newchild 是 DocumentFragment 節點，則不會直接插入它，而是把它的子節點按序插入目前節點的 childNodes[] 陣列的末尾。

你可以使用 appendChild() 方法移除元素到另一個元素。

語法：

node.appendChild(node)

參數：node：必須。你要新增的節點物件。

範例：JavaScript在div元素中新增圖片

r​​rreee

【推薦學習：javascript進階教學】

以上是如何在JavaScript中加入圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章！