HTML - DOM 文档 applets 属性

HTML DOM 文档的 **applets** 属性用于返回文档中所有 applet 元素的列表，但此属性现已 **弃用**。它在所有新的网络浏览器中返回一个空的 HTMLCollection。

applets 集合的 **length** 属性返回 HTML 文档中 applet 元素的数量。您可以使用替代方法 getElementsByTagName('applet') 来获取相同的结果。

语法

document.applets;

返回值

它返回一个 HTMLCollection 对象，其中列出了文档中存在的所有 <applet> 元素。

方法

下表显示了 DOM applets 集合提供的方法列表。

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

HTML DOM 文档“applets”属性示例

以下示例说明了 appplets 属性的使用。

获取 applet 元素的数量

以下示例说明了如何获取文档中 applet 元素的数量。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM document applets Property</title>
</head>
<body>
    <p>Click to get the number of applet element</p>
    <button onclick="fun()">Click me</button>
    <p id="applets"></p>
    <script>
        function fun() {
            let x = document.applets.length;
            document.getElementById("applets").innerHTML = x;
        }
    </script>
</body>
</html>

获取 applet 元素数量的替代方法

在此示例中，getElementsByTagName 用作获取 <applet> 元素数量的替代方法

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM document applets Property</title>
</head>
<body>
    <applet></applet>
    <p>Click to get the number of applet element</p>
    <button onclick="fun()">Click me</button>
    <p id="applets"></p>
    <script>
        function fun() {
            let num = document.getElementsByTagName("applet").length;
            document.getElementById("applets").innerHTML = num;
        }
    </script>
</body>
</html>

获取第一个 applet 元素的内容

在此示例中，我们将使用 applets 的 **[索引]** 方法获取第一个 <applet> 的内容。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM document applets Property</title>
</head>
<body>
    <applet>This is just to show the content of applet tag</applet>
    <p>Click to get the number of applet element</p>
    <button onclick="fun()">Click me</button>
    <p id="applets"></p>
    <script>
        function fun() {
            let num = document.getElementsByTagName("applet")[0].innerHTML;
            document.getElementById("applets").innerHTML = num;
        }
    </script>
</body>
</html>

支持的浏览器

属性
applets	否	否	否	否	否

打印页面