作者:一个人的生活啦 | 来源:互联网 | 2023-09-24 14:22
DOM
网页的元素有多种定义方式,那我们怎么描述或指定页面上某个元素呢。为了统一方式,产生了document object model 标准
以HTML表单为例,
文本字段前面的标题由label标签声明
每个表单字段都通过id属性设置唯一的识别名称,用于让程序选取元素。
通常数据名称name和识别名称id取相同名字
BOM和DOM
BOM:整个浏览器窗口构成的结构
BOM没有标准规范
windowdocument location(网址)history(浏览历史)navigator(浏览器信息)
DOM:网页文档元素构成的树状结构
W3C有标准
document(文档对象)
&#xff08;<-标签元素&#xff08;对象&#xff09;&#xff09;
可进行的处理&#xff1a;
1.获取页面标签的数据
2.修改标签数据包括文本和属性
3.在页面中添加标签
4.设置事件处理程序
读取与操作网页对象
首先写一个html文件&#xff08;你也可以用记事本写&#xff0c;然后改格式为.html&#xff09;&#xff0c;用浏览器打开&#xff0c;然后ctrl&#43;shift&#43;j调出来Javascript控制台&#xff0c;我们通过输入下面两行代码对它的对象进行输入操作
我们通过Javascript在第一个框里面添入了12