手机版

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

时间:2021-09-09 来源:互联网 编辑:宝哥软件园 浏览:

这是早期版本的JavaScript语言中引入的模型。所有浏览器都支持所有人,但只允许访问文件的某些关键部分,如表单、表单元素和图像。

该模型提供了几个只读属性,如标题、网址和上次更改,这些属性提供了整个文档的信息。该模型除了提供各种设置和获取文档属性值的方法外。文档属性可以在传统的DOM中找到:

以下是可以使用传统DOM访问的文档属性:

2015616103205974.jpg  (662762)

2015616103233946.jpg  (655726)

传统的DOM中使用文档方法:

以下是传统DOM支持的方法列表:

2015616103255189.jpg  (681498)

示例:

我们可以找到任何一个HTML元素,并对任何一个HTML文档使用HTML DOM。例如,如果一个网页文件包含一个表单元素,然后使用JavaScript,我们可以称之为document.forms[0]。如果Web文档包含两个表单元素,第一个表单称为document.forms[0],第二个表单称为document.forms[1]。

使用上面给出的层次结构和属性,document.forms[0]。可以使用元素[0]等。

以下是使用传统DOM方法访问文档属性的示例:

html标题文档标题/标题脚本类型='文本/javascript '!-function my func(){ var ret=document . title;警报(‘文件标题:’ret);var ret=文档。网址;警报('文档网址: ' ret);var ret=document . forms[0];警报(‘文件第一表格:’ret);var ret=document.forms[0]。元素[1];警报('第二个元素: ' ret);}/////script/head dyh 1 id=' title '这是主标题/h1p单击以下内容查看结果:/p form name=' first form ' input type=' button ' value=' Click Me ' onclick=' my func();'/input type=' button ' value=' cancel '/form form name=' second form ' input type=' button ' value='不要单击我'/form/body/html注意返回的对象,如本示例的表单和内容,我们将不得不使用本教程中未讨论的这些对象的属性来访问它们的值。

版权声明:简述JavaScript对传统文档对象模型的支持是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。