当前位置: 首页 > 编程笔记 >

简述JavaScript对传统文档对象模型的支持

叶健柏
2023-03-14
本文向大家介绍简述JavaScript对传统文档对象模型的支持,包括了简述JavaScript对传统文档对象模型的支持的使用技巧和注意事项,需要的朋友参考一下

 这是将其在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>

注意: 这个例子的形式和内容等返回对象,我们将不得不使用未在本教程中讨论这些对象的属性来访问它们的值。

 类似资料:
  • 问题内容: HTML具有文档对象模型,然后Javascript可以操纵/移动它。 当我在Swing中创建GUI时,该模型似乎有很大差异(我不知道模型的名称),因为我正在创建布局管理器,并将对象粘贴在其中。 我的问题:是否有某种方式可以像DOM那样操作Java GUis? [例如,我希望能够删除/添加节点,移动子节点等…] 谢谢! 问题答案: 对于Swing组件,一切都从一组JFrame开始(您也可

  • 十四、文档对象模型 Too bad! Same old story! Once you've finished building your house you notice you've accidentally learned something that you really should have known—before you started. Friedrich Nietzsche,《

  • Element 类型 除了 Document 类型之外,Element 类型就要算是 Web 编程中最常用的类型了。Element 类型用于表现 XML 或 HTML 元素,提供了对元素标签名、子节点及特性的访问。Element 节点具有以下特征: nodeType 的值为1; nodeName 的值为元素的标签名; nodeValue 的值为 null; parentNode 可能是 Docum

  • DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API。DOM 描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。 节点层次 DOM 可以将任何 HTML 或 XML 文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型,每种类型分别表示文档中不同的信息及(或)标记。每个节点都拥有各自的特点、数据和方法,另外也与其他节点存在某种关系。节点之间的关系构成了层

  • 我有一个REST服务要记录,其中一些服务接受简单的数组,比如: 我该如何在“大摇大摆的模特”一节中描述这一点?我只能像这样创建“命名数组” 但它描述的数据如下:

  • type String - fileSystem. filsSystemURL String - 进行读取上传数据的文件系统URL。 offset Integer - 默认为0。 length Integer - 从 offset读取的字节数。默认为`0'。 modificationTime Double - 秒级的最后修改时间