document.getElementById()方法：用于获取HTML页面中指定ID的元素。用视频展示用法

很抱歉，作为一名AI，我无法为您提供视频展示。但我可以为您提供文字说明。

document.getElementById()方法是用于获取HTML页面中指定ID的元素。它的语法如下：

document.getElementById(elementId)

其中，elementId是要获取元素的ID。该方法返回一个表示该元素的对象。

例如，在以下HTML代码中，我们可以使用document.getElementById()方法获取ID为"myBtn"的按钮元素：

<button id="myBtn">点击我</button>

我们可以使用以下JavaScript代码获取该元素：

var btn = document.getElementById("myBtn");

获取到元素之后，我们可以对其进行操作，例如添加事件监听器、修改样式等。

相关问题

如何使用document.getElementById()方法获取元素？

使用document.getElementById()方法获取元素的步骤如下：

// 1.使用document.getElementById()方法获取元素
var element = document.getElementById("id");

// 2.对获取到的元素进行操作
element.innerHTML = "Hello World!";

其中，"id"是要获取的元素的id属性值，element是获取到的元素对象。可以通过该对象的属性和方法对元素进行操作，例如innerHTML属性可以获取或设置元素的内容。

document.getelementbyid获取子页面元素

`document.getElementById` 是用于获取 HTML 页面中指定 ID 的元素的 JavaScript 方法。它只能获取当前页面中的元素，不能获取子页面的元素。如果你想获取子页面中的元素，可以使用 `iframe` 标签将子页面嵌入到当前页面中，然后使用 `contentWindow.document` 来获取子页面的文档对象，再使用 `getElementById` 获取子页面中的元素。例如：

<iframe id="myFrame" src="子页面的URL"></iframe>

<script>
  var myFrame = document.getElementById("myFrame");
  var subDoc = myFrame.contentWindow.document;
  var subElement = subDoc.getElementById("subElementId");
</script>

需要注意的是，由于浏览器的同源策略限制，只有子页面和父页面的协议、域名和端口号都相同，才能通过 JavaScript 获取子页面的内容。否则会抛出安全错误。