HTML - DOM 文档 embeds 属性

HTML DOM 文档的 **embeds** 是一个只读属性，用于返回 HTML 文档中所有 **<embed>** 元素作为一个集合。

语法

document.embeds;

属性

属性	描述
length	它返回 HTML 文档中存在的 <embed> 元素的数量。

方法

下表显示了 DOM embeds 提供的方法列表。

方法	描述
[索引]	从给定索引处的集合中返回 <embed> 元素。索引从 0 开始，如果索引超出范围则返回 null。
item(索引)	从给定索引处的集合中返回 <embed> 元素。索引从 0 开始，如果索引超出范围则返回 null。它类似于第一个方法。
namedItem(id)	从给定 id 的集合中返回 <embed> 元素。如果 id 不存在则返回 null。

返回值

它返回一个 HTMLCollection，其中列出了文档中存在的所有 <embed> 元素。集合中的元素已排序，并按其在 HTML 文档中出现的顺序显示。

HTML DOM 文档 'embeds' 属性示例

以下示例说明了 embeds 属性和方法的使用。

获取嵌入元素的数量

在以下示例中，**length** 属性用于返回文档中 <embed> 元素的数量。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM document embeds Property</title>
</head>
<body>
    <embed src="/html/images/test.png" type="image/jpg">
    <embed src="/plsql/images/plsql-mini-logo.jpg" type="image/jpg">
    <embed src="/html/images/html.jpg" type="image/jpg">
    <p>Click to get the number of <embed> element.</p>
    <button onclick="fun()">Click me</button>
    <p id="embeds"></p>
    <script>
        function fun() {
            let x = document.embeds.length;
            document.getElementById("embeds").innerHTML = x;
        }
    </script>
</body>
</html>

获取第一个嵌入元素的 URL

在此示例中，我们将使用 embeds **[索引]** 方法获取第一个嵌入文件的 URL。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM document embeds Property</title>
</head>
<body>
    <embed src="/html/images/test.png" type="image/jpg">
    <embed src="/plsql/images/plsql-mini-logo.jpg" type="image/jpg">
    <embed src="/html/images/html.jpg" type="image/jpg">
    <p>Click to get URL of the first embedded file</p>
    <button onclick="fun()">Click me</button>
    <p id="embeds"></p>
    <script>
        function fun() {
            let x = document.embeds[0].src;
            document.getElementById("embeds").innerHTML = x;
        }
    </script>
</body>
</html>

获取任何嵌入元素的 URL

在此示例中，我们将使用 embeds **item(索引)** 方法获取第二个嵌入文件的 URL。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM document embeds Property</title>
</head>
<body>
    <embed src="/html/images/test.png" type="image/jpg">
    <embed src="/plsql/images/plsql-mini-logo.jpg" type="image/jpg">
    <embed src="/html/images/html.jpg" type="image/jpg">
    <p>Click to get URL of the first embedded file</p>
    <button onclick="fun()">Click me</button>
    <p id="embeds"></p>
    <script>
        function fun() {
            let x = document.embeds.item(1).src;
            document.getElementById("embeds").innerHTML = x;
        }
    </script>
</body>
</html>

获取嵌入元素的类名

在此示例中，我们将使用 embeds **namedItem(id)** 方法获取第三个嵌入文件的类名。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM document embeds Property</title>
</head>
<body>
    <embed src="/html/images/test.png" type="image/jpg">
    <embed src="/plsql/images/plsql-mini-logo.jpg" type="image/jpg">
    <embed src="/html/images/html.jpg" type="image/jpg" id="id3" class="js">
    <p>Click to get class name of the third embedded file</p>
    <button onclick="fun()">Click me</button>
    <p id="embeds"></p>
    <script>
        function fun() {
            let x = document.embeds.namedItem("id3").className;
            document.getElementById("embeds").innerHTML = x;
        }
    </script>
</body>
</html>

支持的浏览器

属性
embeds	是 64	是 12	是 1	是 10.1	是 51

html_dom_document_reference.htm

打印页面