可用于访问和修改JavaScript中内容的DOM有哪些不同类型？

以下是可用于访问和修改JavaScript中内容的不同类型的DOM-

旧版DOM-这是早期JavaScript语言版本中引入的模型。所有浏览器都很好地支持它，但是仅允许访问文档的某些关键部分，例如表单，表单元素和图像。
W3C DOM-文档对象模型允许访问和修改所有文档内容，并由万维网联盟(W3C)标准化。几乎所有现代浏览器都支持此模型。
IE4 DOM – Microsoft Internet Explorer浏览器的版本4中引入了文档对象模型。IE 5和更高版本包括对大多数基本W3C DOM功能的支持。

示例

让我们看一个使用W3C DOM方法访问文档属性的示例。

<html>
   <head>
      <title> Document Title </title>
         <script type="text/javascript">
            <!--
            function myFunc()            {
               var ret = document.getElementsByTagName("title");
               alert("文件标题： " + ret[0].text );
               var ret = document.getElementById("heading");
               alert(ret.innerHTML );
            }
         //-->
      </script>
   </head>
   
   <body>
      <h1 id = "heading">This is main title</h1>
      <p>Click the following to see the result:</p>
      <form id = "form1" name = "FirstForm">
         <input type = "button" value = "点击我" onclick = "myFunc();" />
         <input type = "button" value = "Cancel">
      </form>
      <form d = "form2" name = "SecondForm">
         <input type = "button" value = "Don't ClickMe"/>
      </form>
   </body>
</html>

基础教程