可用于访问和修改JavaScript中内容的DOM有哪些不同类型?
以下是可用于访问和修改JavaScript中内容的不同类型的DOM-
旧版DOM-这是早期JavaScript语言版本中引入的模型。所有浏览器都很好地支持它,但是仅允许访问文档的某些关键部分,例如表单,表单元素和图像。
W3CDOM-文档对象模型允许访问和修改所有文档内容,并由万维网联盟(W3C)标准化。几乎所有现代浏览器都支持此模型。
IE4DOM–MicrosoftInternetExplorer浏览器的版本4中引入了文档对象模型。IE5和更高版本包括对大多数基本W3CDOM功能的支持。
示例
让我们看一个使用W3CDOM方法访问文档属性的示例。
<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>