获取 HTML 元素内的元素数 (iframe)

Question

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

HTML 看起来像这样 - http://i.imgur.com/Fm1ass8.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

如果你想捕获正文中的所有 p节点（和正文的子节点）你可以使用

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

获取 HTML 元素内的元素数 (iframe)

Getting the number of elements within an HTML element (iframe)

html

javascript

iframe

getelementbyid