JavaScript 如何动态创建图像元素
给定一个HTML元素,任务是使用JavaScript创建一个元素并将其附加到文档中。在以下示例中,当某人点击按钮时,将创建
元素。我们可以用任何其他JavaScript事件替换点击事件。
方法1
- 使用 document.createElement()方法 创建一个空的img元素。
- 然后设置其属性(如src、height、width、alt、title等)。
- 最后将其插入到文档中。
示例: 这个示例实现了上述方法。
输出:
方法2
- 使用 new Image() 创建一个空的图片实例。
- 然后设置它的属性(如:src、height、width、alt、title等)。
- 最后,将它插入到文档中。
示例: 这个示例实现了上述方法。
输出: