可用于访问和修改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>