Javascript基本語法

Javascript語法跟java很類似，只是Javascript不必寫成類別。另外，因為javascript不是強資料型態的語言，跟python一樣，使用變數前不需要定義變數資料型態。其實雖然表面上javascript跟java類似，然而本質是跟python比較像。

• Javascript基本語法

DOM基本操作

Javascript最廣泛的使用是在網頁元件的操作，網頁頁面物件是由Document Object Model (DOM)所構成，整個網頁就是個document物件，document裡的物件統稱為元素(element)。

Document

javascript可以利用內建的document物件來操作頁面上的元素。document是個物件，在javascript裡，利用「.」來使用物件裡的方法或屬性。這個物件裡有很多內建方法可以使用，其中一個方法是getElementById()，會取得對應id的元素。

• The HTML DOM (Document Object Model)
• The HTML DOM Document Object
• JavaScript HTML DOM Elements
• HTML DOM getElementById() Method
• HTML DOM Document querySelector()

底下的寫法就是找到id為demo的元素。

document.getElementById("demo")

或者利用querySelector()取得第一個符合條件的元件，使用querySelector的好處是一個方法，可以取得tag、id、class，透過加「#」取得id，加「.」取得class。

document.querySelector("#id");

當我們要去改變html的內容的時候，可以使用getElementById，在html裡找到特定id的元素，再去異動元素中的屬性，例如，innerHTML屬性就是這個元素的html內容，我們就可以利用「=」直接指定屬性來改變html的內容。

document.getElementById("demo").innerHTML = "<h1>Hello World!</h1>";

或者利用querySelector()