Web技術基礎

關於瀏覽器中使用的DOM(Document Object Model),下列說明何者正確?

  1. A把伺服器資料庫的表格結構,轉換成HTML表格(table元素)的形式以便送往瀏覽器的東西
  2. B把HTML文件以元素等為節點的樹狀結構表示,可由JavaScript讀寫
  3. C為了縮小檔案、加快載入,去除空白而壓縮CSS規則的格式
查看答案與解析

正確答案:B. 把HTML文件以元素等為節點的樹狀結構表示,可由JavaScript讀寫

瀏覽器解析HTML,建立以html元素為根、head、body及其中的段落等為節點的樹狀結構(DOM樹)。JavaScript以document.querySelector找出元素、改寫文字或屬性、加入元素等,透過DOM改變網頁。DOM改變時,瀏覽器會視需要重新進行版面配置的計算與繪製。DOM被標準化為不依賴特定程式語言、用來操作文件的介面。

  • A. DOM是瀏覽器中文件的結構,與資料庫無關。
  • B. 正確。以樹狀結構表示文件,讓指令碼能夠操作。
  • C. 與CSS的壓縮無關。由CSS建立的結構稱為CSSOM。
練習這個領域 前往領域頁面

Web技術基礎的其他題目

  1. 套用上方CSS的元素,從左邊框外緣到右邊框外緣的寬度為下列何者?
  2. 假設沒有其他樣式設定。在上方的HTML中,「Hello」文字的顏色為下列何者?
  3. 在瀏覽器顯示第一個畫面之前的處理(關鍵轉譯路徑)中,若<head>中有不加屬性的 <script src="app.js">,HTML的解析就會在那裡停住。為這個元素加上defer屬性時的行為,下列何者正確?
  4. 在瀏覽器中執行上方的JavaScript時,主控台顯示文字的順序,下列何者正確?
  5. 依瀏覽器的同源政策,被視為與 https://www.example.com/app/index.html 同源的URL為下列何者?