我被这个问题困住了。可能是一个不成熟的问题。我不知道，我是编程新手。我想从页面的 DOM 中获取特定元素的内部 html。问题是页面太复杂了它有很多类子类 href、span 和所有类型的东西。这是从我需要的类的 Angular 来看它的样子(还有很多其他类和 id，但这是导航到我需要的类(class)，我跳过了其他类(class)。)
<html>
<head></head>
<body>
<div class=
<span style=
<iframe class=
#document
<html id=
<body class=
<div class=
<div id=
<div id=
<div class=
<div class=
<span id=
<a class=
<div class= "required class"
</div>
</a>
<span>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
</iframe>
</span>
</div>
</body>
<html>
是否可以使用 getelementbyID,getelementsbyClassName 或任何 javascript 属性获取特定元素？
这是正确的吗？
document.getElementById('main').getElementsByClassName('test');
如果这样怎么办？ 我没有得到任何输出，所以我想知道这种方法是否正确。 提前致谢。
最佳答案
假设您的 iframe 是从同一个域加载的，并且您想访问此 iframe 中的内容，您将必须执行如下操作:
document.getElementsByTagName('iframe')[0].contentWindow.document.getElementsByClassName('required class');
看看这个jsFiddle例如，在其 iframe 中加载 fiddle.jshell.net 并将 red 颜色应用于找到的第一个编辑器。其代码如下:
document.getElementsByTagName('iframe')[0].contentWindow.document.getElementsByClassName('CodeMirror-scroll')[0].style.backgroundColor="red";
关于javascript - 在另一个类中选择一个特定类并使用javascript从DOM获取内部html，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30772881/