位於html檔中的document如何從javascript 中引用?

html javascript

calvintai63 2020-12-04 23:43:02 ‧ 1188 瀏覽

各位先進:

請問原本在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
}
}