各位先進:
請問原本在html 直接呼叫 javascript,可以透過 document存取元素,將整段javascript改放到 js檔案中,發現js檔中的document已經不是原本的document,請問在javascript中該如何access html的 document.
html如下,其中備註的 Javascript可以正確work, 將整段備註後改放到 javascript 檔案中,js 檔中的 document好像不是原來 html 的document,會報錯:
`
<p>
<a href="index.html">index<br></a>
<a href="page 1.html">page 1<br></a>
<a href="page 2.html">page 2<br></a>
<a href="page 4.html">page 4<br></a>
</p>
<!--
<script >
var xhttp = new XMLHttpRequest();
var url = "test3.php";
xhttp.open("GET", url, true);
xhttp.onreadystatechange = phpBack;
xhttp.send();
function phpBack(){
if((xhttp.readyState == 4)&&(xhttp.status == 200)){
document.getElementById("id1").innerText = xhttp.responseText;
}
}
</script>
-->
<script src="page 3.js"></script>
`
page3.js的資料如下:
`
// @ts-check
var url;
var test_ajax;
window.onload = testAjax;
function testAjax() {
url = "page 3.php";
test_ajax = new XMLHttpRequest();
test_ajax.open("GET", url, true);
test_ajax.onreadystatechange = updateVar;
test_ajax.send(null);
}
function updateVar() {
if(test_ajax.readyState == 4){
var response = test_ajax.responseText;
document.getElementById("id1").innerText = response; // The line will report error, no innerText attribute
}
}
`