原生JS 创建一个img
时间: 2024-09-11 12:04:04 浏览: 53
使用原生js写的一个简单slider
在JavaScript中创建一个`<img>`元素,通常用于动态加载图片或插入到HTML文档中。你可以使用`document.createElement()`方法来创建一个新的`Image`对象,然后可以设置其属性如src、alt等。下面是一个简单的示例:
```javascript
// 创建一个新的img元素
var imgElement = document.createElement('img');
// 设置图片的源URL
imgElement.src = 'path/to/your/image.jpg'; // 替换为实际的图片路径
// 可选的,设置alt文本,当图片无法显示时提供替代描述
imgElement.alt = '图例描述';
// 如果需要,设置其他属性如宽度、高度等
imgElement.width = '200px';
imgElement.height = '150px';
// 将图片添加到DOM中,比如你想添加到body的开头
document.body.insertBefore(imgElement, document.body.firstChild);
```
阅读全文