通过XPath读取iframe 中的p元素数量

Fork(复制)

图库

作者：

用户fkxIv10

AI智能补全

提交反馈

嵌入

设置

下载

HTML

格式化

支持Emmet，输入 p 后按 Tab键试试吧！

<head> ...

展开

</head>

<body>

            
                1
2
3
4
5

            
            <iframe 
  id="ifr" 
  srcdoc="<p>1</p><p>2</p><p>3</p>"
></iframe>

</body>

CSS

格式化

            
                1
2
3

            
            body {
  background: #fff;
}

格式化

            
                1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

            
            // 通过XPath读取iframe 中的p元素数量
function getIframePCount() {
  var ifr = document.getElementById('ifr');
  var paragraphCount = ifr.contentDocument.evaluate(
    "count(//p)",
    ifr.contentDocument,
    null,
    XPathResult.ANY_TYPE,
    null,
  );
  
  //打印数量
  console.log("p元素数量为",paragraphCount.numberValue)
}

//延迟1秒等 iframe 渲染出来后再执行
setTimeout(() => {
  getIframePCount();
}, 1000)

预览

控制台