通过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>

</body>

CSS

格式化

body {
  background: #fff;
}

格式化

// 通过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)

预览

控制台