JavaScript学习随笔记录DOM对象

本文深入讲解了如何使用JavaScript对HTML页面进行操作,包括脚本位置的选择、数据输出方式如document.write()、window.alert()、innerHTML及console.log()的使用场景。同时,详细介绍了Document对象及其方法,如getElementById()、getElementsByTagName()等,帮助读者掌握动态修改网页内容的技术。

 

                                                                      javascript(脚本语言)

脚本位置:在<body>或<head>中。

输出数据document.write() 将内容写到html文档中,如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。

               windows.alert()    弹出警告框,常用与调试代码。

               innerHTML          写入到HTML元素(documeng.getElementById("demo").innerHTML="添加内容")。

               console.log()        写入到浏览器的控制台。

 

Document对象

 

Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

(注意:Document对象是windows对象的一部分,可通过windows.document属性进行访问。)

Document对象的方法:

方法描述
close()关闭用 document.open() 方法打开的输出流,并显示选定的数据。
getElementById()返回对指定的id的第一个对象进行引用
getElementsByName()返回带有指定名称的对象集合
getElementsByTagName()
返回带有指定标签名的对象集合
open()打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。
write()向文档写 HTML 表达式 或 JavaScript 代码。
writeln()等同于write(),不同的是在表达式后添加一个换行符

 

该方法为HTML DOM中定义的,Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

 

转载于:https://www.cnblogs.com/kyra/p/10710010.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值