Document.embeds - embed要素

2017/10/06

embedsは、Documentのプロパティです。ドキュメントの全てのembed要素を返します。

概要

名前

embeds

所属

IDL

[SameObject] readonly attribute HTMLCollection embeds;

仕様書

https://html.spec.whatwg.org/multipage/dom.html#dom-document-embeds

説明

全てのembed要素をHTMLCollectionで返す。読み取り専用なので、値を代入して変更することはできない。

チュートリアル

Document.embedsを利用して、embed要素を取得する例です。

<embed src="./image1.png" type="image/png">
<embed src="./image2.png" type="image/png">
<embed src="./image3.png" type="image/png">

var embeds = document.embeds ;

embeds[0] ;	// <embed src="./image1.png" type="image/png">
embeds[1] ;	// <embed src="./image2.png" type="image/png">
embeds[2] ;	// <embed src="./image3.png" type="image/png">

Document.getElementsByTagName()と同じです。

var embeds = document.embeds ;

var embeds = document.getElementsByTagName( "embed" ) ;

デモ

Document.embedsのデモです。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<body>
<embed src="./image1.png" type="image/png" width="120" height="120">
<embed src="./image2.png" type="image/png" width="120" height="120">
<embed src="./image3.png" type="image/png" width="120" height="120">
<hr>
<script>
var value = document.embeds ;

console.log( value ) ;
document.body.appendChild( new Text( value ) ) ;
</script>
</body>
</html>