通过XPath读取iframe 中的p元素数量，在线预览HTML/Vue

HTML

格式化

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

<head> ...

展开

</head>

<body>


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

</script>

</body>

CSS

格式化

body {
  background: #aaa;
}

格式化

  console.log(123)
console.error(123456123123)
  // 通过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)
  console.log("p元素数量为",paragraphCount)
}

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

预览

控制台