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

Question

我试图将H1的内部文本（它不在iframe中并且在其中具有＆＃34;产品名称＆＃34;）插入到表单按钮中拥有的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>

Answer 1

而不是[id^=tab]:checked ~ [id^=label] { background: #08C; color: white; } 做getAttribute("innerHTML")。这将为您提供实际的产品名称。

Answer 2

window.frameElement.getAttribute('data');

Answer 3

试试这个

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