网店装修模板制作,网站整站优化,百度推广开户渠道公司,引流推广方案1、DOM简洁
DOM是js中最重要的一部分#xff0c;没有DOM就不会通过js实现和用户之间的交互。
window是最大的浏览器对象#xff0c;在它的下面还有很多子对象#xff0c;我们要学习的DOM就是window对象下面的document对象
DOM#xff08;Document Object Model#xff09…
1、DOM简洁
DOM是js中最重要的一部分没有DOM就不会通过js实现和用户之间的交互。
window是最大的浏览器对象在它的下面还有很多子对象我们要学习的DOM就是window对象下面的document对象
DOMDocument Object Model是由W3C指定的用于访问诸如XML和HTML等结构化文档的标准W3C DOM标准被分为三个不同的部分
核心DOM针对任何结构化文档的标准模型XML DOM针对XML文档的标准模型HTML DOM针对HTML文档的标准模型 DOM的设计是以对象管理组织OMG的规约为基础的可以用于任何编程语言DOM以基于对象的方式来描述整个文档让我们可以很方便的操作整个文档包括文档内容的添加、修改、隐藏、显示对HTML央视的添加和替换等。
// 例子
!DOCTYPE html
html
headmeta charsetUTF-8title知数SEO_专注搜索引擎优化和品牌推广/title
/head
body
button onclickcreateImg()点击生成图片/button
scriptfunction createImg(){var img document.createElement(img); // 创建图片标签img.src https://www.zhishunet.com/static/zhishuindex/picture/weixin.jpg; // 设置src属性// 显示到页面上document.getElementsByTagName(body)[0].appendChild(img);}
/script
/script
/body
/html2、DOM中的D是什么
DOM中的D指的是document文档在我们进行的web开发中指的就是HTML文档。我们向服务器请求页面服务器返回的就是一个HTML文档在浏览器收到HTML文档后会把这个文档处理成一个document对象然后显示在浏览器中如果其中有js代码则会被一一顺序执行显示出相应的动态效果
3、DOM中的O是什么
DOM中的O指的是object对象,服务器返回HTML文档之后欧浏览器会把HTML文档解析成DOMN对象放入到内存中再从内存中取出这个document对象显示在浏览器中。 正是由于浏览器把服务器返回的HTML文档转换成document对象并存储与内存中js才可以操作这些标签元素呈现出不同的动态效果。
4、DOM中的M是什么
DOM中的M指的是Model就是模型的意思就是浏览器在把HTML文档处理成document对象时所使用的组织形式也可以说documeng对象是一种表现形式。 DOM在组织HTML文档的时候以树状形式实现的。在收到服务器返回的HTML文档之后DOM会把这个HTML文档以家谱树的形式组织起来并存储到内存中在显示到浏览器中供用户查看。 家谱树本身就是一种模型使用父(parent)、子(child)、兄弟(sibling)等记号表示之间的关系最大的优点就是可以把复杂的方式简单化 像这样大家一看就明白html标签是树的根代表整个HTML文档在它下面head和body标签是并列的兄弟关系,在head标签中有meta和title标签。像这样再复杂的文档也能一层层的表示出来而且标签元素所在的位置也非常容易描述这就是树状结构模型所带来的好处。
