這是將其在JavaScript語言早期版本中引入的模型。大家都被所有瀏覽器都支持，但只允許存取文件的某些關鍵部分，如表單，表單元素和圖像。
模型提供了若干個唯讀屬性，如標題，URL和上次變更提供關於文件整體的資訊。除了有由該模型可用於設定和取得文件的屬性值提供各種方法。
文檔屬性在傳統DOM：
以下是文件屬性，可以使用傳統DOM存取清單：
文件方法在傳統DOM：
這裡是由傳統DOM支援的方法清單：
範例：
我們可以找到任何HTML元素，使用HTML DOM任何HTML文件。例如，如果一個網頁檔案包含一個表單元素，然後使用JavaScript，我們可以稱它為document.forms[0]。如果Web文件包含兩個形式元素的第一種形式稱為document.forms[0]和第二為document.forms[1]。
利用上面給出的層次結構和性質，可以使用document.forms[0].elements[0]等。
以下是一個範例存取使用傳統DOM方法文件屬性：
<html>
<head>
<title> Document Title </title>
<script type="text/javascript">
<!--
function myFunc()
{
var ret = document.title;
alert("Document Title : " + ret );
var ret = document.URL;
alert("Document URL : " + ret );
var ret = document.forms[0];
alert("Document First Form : " + ret );
var ret = document.forms[0].elements[1];
alert("Second element : " + ret );
}
//-->
</script>
</head>
<body>
<h1 id="title">This is main title</h1>
<p>Click the following to see the result:</p>
<form name="FirstForm">
<input type="button" value="Click Me" onclick="myFunc();" />
<input type="button" value="Cancel">
</form>
<form name="SecondForm">
<input type="button" value="Don't ClickMe"/>
</form>
</body>
</html>
注意: 這個例子的形式和內容等返回對象，我們將不得不使用未在本教程中討論這些對象的屬性來訪問它們的值。
