JavaScript - Document

首页 / JavaScript入门教程 / JavaScript - Document

Document文档对象代表整个html文档。

在浏览器中加载html文档时,它成为文档对象。代表html文档的是 root元素。它具有属性和方法。借助文档对象,无涯教程可以将动态内容添加到网页中。

如前所述,它是窗口的对象。所以

window.document

与...相同

document

根据W3C-" W3C文档对象模型(DOM)是一种平台和语言无关的接口,它允许程序和脚本动态访问和更新文档的内容,结构和样式。"

文档对象属性

让无涯教程看一下可以由文档对象访问和修改的文档对象的属性。  javascript文档对象

文档对象方法

可以通过其方法访问和更改文档的内容。

文档对象的重要方法如下:

方法说明
write("string")将给定的字符串写在文档上。
writeln("string")将给定的字符串写在文档的末尾,换行符。
getElementById()返回具有给定id值的元素。
getElementsByName()返回具有给定名称值的所有元素。
getElementsByTagName()返回所有具有给定标语法称的元素。
getElementsByClassName()返回所有具有给定类名的元素。

文档对象访问字段值

在此示例中,将按用户获取输入文本的值。在这里使用 document.form1.name.value 来获取name字段的值。

在这里, document 是代表html文档的根元素。

form1  -  是表单的名称。

name  -  是输入文本的属性名称。

value  -  是属性,它返回输入文本的值。

看一下简单的示例文档示例,该示例显示带有欢迎消息的名称。

链接:https://www.learnfk.comhttps://www.learnfk.com/javascript/document-object-model.html

来源:LearnFk无涯教程网

<script type="text/javascript">
function printvalue(){
var name=document.form1.name.value;
alert("Welcome: "+name);
}
</script>

<form name="form1">
Enter Name:<input type="text" name="name"/>
<input type="button" onclick="printvalue()" value="print name"/>
</form>

这一章《JavaScript - Document》你学到了什么?在下面做个笔记吧!做站不易,你的分享是对我们最大的支持

好记忆不如烂笔头。留下你的足迹吧 :)

猜你喜欢

推荐系统三十六式 -〔刑无刀〕

张汉东的Rust实战课 -〔张汉东〕

打造爆款短视频 -〔周维〕

操作系统实战45讲 -〔彭东〕

当我删除第一个数组元素时,图像拇指消失

在 Axios 创建函数中添加额外的标题

react 子不通过函数更新父变量

为什么这个 CSS 过渡只在用作函数而不是组件时才有效?

Leaflet - 用 svg 显示旋转的文本

在 Web 中自动读取 OTP 并从 Web 中的剪贴板复制粘贴 OTP 不适用于 android/iOS

视频教程

JavaScript - 19-ifelse双分支语句 更多视频教程 »