获取固定元素集合的方法(document.embeds用法) |
类别属性:程序Web开发 > Javascript/Html | 发布时间:2024/9/26 14:09:26 | 视频长度:00:04:37
document.embeds 是一个属性,属性返回文档中所有 embed 元素的集合,只读属性。
在视频演示页面中,放入了三个embed标签。embed标签属于插件类型标签,现在网页编程或网页里面使用越来越少,因为它在不同浏览器中可能显示不同,它支持视频格式文件“video/webm”,也支持网页格式"text/html",还支持图片格式的文件"image/jpg",还有Pdf文件"application/pdf"等其他类型。示例展示视频、网页、图片三种类型,而在实际使用时,视频用video标签,网页用iframe标签,图片用img标签。
示例第一部分:通过document.embeds.length来获取embed标签的数量,申明了一个num变量赋值,弹出alert(num),预览效果可以看到弹出3,即是3个embed标签。
示例第二部分:建立一个for循环体,循环embed标签的数量,在for循环体前面建立一个变量“tem”初始值为空,用来在循环体内赋值获取,在循环体逐个获取document.embeds[i].src资源source文件,如代码:tem += i + 1 + "." + document.embeds[i].src + "〈br/〉",在循环体后将获取div的id为“result”的元素,将循环赋值后的变量“tem”再复制给innerHTML。
最终结果:可以看到div中显示了三个embed标签的src资源文件路径。