Question

我有一个示例HTML结构，如下所示，同一HTML上有两个DOM可用。我正在尝试使用嵌入在<h1>标记内的HTML中的Javascript来访问<object>标记。我已经尝试使用以下javascript并且无法获取H1的文本值。请注意，我想使用普通的javascript而不是使用jquery来实现这一点。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Test JS</title>
</head>
<body>
<div class="parent">
    <h1 class="header_Child">I am inside parent html</h1>
<div class="objectWrapper">
    <object type="text/html"> 
        #document
        <!DOCTYPE html>
        <html>
            <head>
                <title>I am an embedded HTML</title>
            </head>
            <body>
                <h1 class="header_Child">I am inside child html</h1>
            </body>
         <html>
     </object>
</div>
</div>
</body>

使用Javascript：

var obj = document.getElementsByTagName('object');
var header= obj[1].querySelectorAll('h1').innerHTML;

使用普通Javascript访问Object内的Document

0 个答案: