javascript - 获取 HTML 元素 (iframe) 中的元素数量

Question

我在使用 JavaScript 从字段获取信息时遇到了一些问题。需要的是查看“body”内的 div 中有多少个 p，因为我想用这个数字做一些事情。

HTML 看起来像这样 - /image/bgEc4.png

我尝试过的代码(我一直在 Chrome 的控制台中尝试) - 有时有效，有时则无效。我似乎无法弄清楚为什么。

//Getting the iframe element
var testing = 
document.getElementById("radEditorCenter").getElementsByTagName("*")[2] || 
document.getElementById("radEditor_contentIframe");

//Getting the #document element
var innerDoc = testing.contentDocument || testing.contentWindow.document;

//Getting the html element
var HTMLElement = innerDoc.getElementsByTagName("html");

//Getting body element
BodyElement = HTMLElement.getElementsByTagName("body");

当我尝试最后一个代码片段时，它说

VM7957:1 Uncaught TypeError: HTMLElement.getElementByTagName is not a 
function 
at <anonymous>:1:27

Answer 1

如果你想捕获body中的所有 p节点(以及body的子节点)，你可以使用

var innerDocPnodes = innerDoc.querySelector('body').querySelectorAll('p').length