如何在iframe中創建HTML5數據屬性

Question

我試圖將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> 

Answer 1

而不是getAttribute("innerHTML")做document.getElementsByTagName("h1")[0].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>