2015-10-12 66 views
-1

我正在學習HTML和Javascript,並且對於任務,我需要獲取按鈕以將元素更改爲另一個HTML文件。Html getElementById更改另一個HTML文件中的元素

這裏是我的代碼:

main.html中

</head> 
    <script src="testscript.js"></script> 
</head> 

<body> 
    <button onclick="button1()">Function 1</button> 
</body> 

testscript.js

function button1(){ 
var value = confirm("Press anything"); 

if(value == 1){ 
    document.getElementById("abc").innerHTML = "Ok"; 
    window.location.assign("button1.html");} 
} 

button1.html

<body> 
    <p id="abc"></p> 
</body> 

因此,基本上,button1()從main.html中調用,需要更改button1.html中元素的值。

這裏說明了一個類似的例子:(link)。我也嘗試了outerHTML,但它也不起作用。這不可能嗎?我無法在網上找到任何東西。

注:我的html和js文件必須分開。

任何幫助表示讚賞。謝謝。

+0

爲什麼downvotes? – JohnMadon1234567890

回答

2

第一:內聯事件處理不是最佳實踐;而是給你的按鈕一個ID並附上一個事件處理程序。

第二:應該在DOM已加載後處理任何DOM操作;要麼將JS移動到結束正文標記之前的底部,要麼使用window.onload

所以,如果你有以下HTML:

<button id="f1">Function1</button> 

...那麼,你應該有這樣的事情在你的JS文件:

window.onload = function() { 
    document.getElementById('f1').onclick = function() { 
    var value = prompt("Press anything"); 
    }; 
}; 

要通過you can use cookies, localStorage or URL query parameters頁面之間的數據。

相關問題