html判断是否含有图片,html img src 判断图片路径是否有效
时间: 2023-07-12 16:19:33 浏览: 97
判断图中是否存在路径
要判断一个 HTML 文档中是否含有图片,可以使用 JavaScript 中的 DOM 操作来实现。具体方法如下:
1. 首先获取 HTML 文档中所有的图片元素,可以使用 document.getElementsByTagName("img") 方法来获取所有的 img 元素。
2. 然后遍历这些图片元素,判断每个元素是否有 src 属性,如果有则说明这个元素是一个图片元素。
3. 如果要判断图片路径是否有效,可以使用 JavaScript 中的 Image 对象来加载图片,如果加载成功则说明图片路径有效,否则说明无效。
示例代码如下:
```javascript
// 判断 HTML 文档中是否含有图片
var images = document.getElementsByTagName("img");
if (images.length > 0) {
console.log("该文档中含有图片");
}
// 判断图片路径是否有效
var img = new Image();
img.src = "图片路径";
img.onload = function() {
console.log("图片路径有效");
};
img.onerror = function() {
console.log("图片路径无效");
};
```
需要注意的是,如果要判断图片路径是否有效,需要等待图片加载完成后再进行判断,因此需要在 Image 对象的 onload 或 onerror 事件中进行判断。
阅读全文