如何在 iframe 中创建 HTML5 数据属性

How to create HTML5 data attribute in an iframe

本文关键字：创建 HTML5 数据属性 iframe      更新时间：2023-09-26

我正在尝试将 H1 的 innerText（不在 iframe 中并且其中包含"产品名称"）拉入拥有的 iframe 中的表单按钮（非第三方）。这是我下面的代码，显然不起作用。提前谢谢你！

<script type='text/javascript'>
var productName = document.getElementsByTagName("h1")[0].getAttribute("innerHTML");
var links = document.querySelectorAll("input");
for(var i = 0; i < links.length; i++) {
  links[i].dataset.productName = productName;
}
</script>

而不是getAttribute("innerHTML")做document.getElementsByTagName("h1")[0].innerHTML。这将为您提供实际的产品名称。

window.frameElement.getAttribute('data');

试试这个 

<script type='text/javascript'>
var productName = document.getElementsByTagName("h1")[0].innerText;
var links = window.frames['<your iframe name>'].document.querySelectorAll("input");
for(var i = 0; i < links.length; i++) {
  links[i].dataset.productName = productName;
}
</script>
相关文章：