美文网首页
DOM 01（document Object Model)

DOM 01（document Object Model)

作者: codeSirCao | 来源:发表于2017-06-21 23:27 被阅读9次

DOM可以动态的操作文档内容

原理

1：解析文档生成DOM树
2：通过DOM标准接口+编程语言改变文档内容

![Paste_Image.png](http://upload-DOM可以动态的操作文档内容

原理

1：解析文档生成DOM树
2：通过DOM标准接口+编程语言改变文档内容


Paste_Image.png

DOM节点

Paste_Image.png

节点关系

Paste_Image.png

节点类型

![Uploading 1498143037857_230468.jpg . . .]

Paste_Image.png

节点属性

nodeName

Paste_Image.png

nodeValue

Paste_Image.png

nodeType

Paste_Image.png

查找元素

Paste_Image.png Paste_Image.png Paste_Image.png Paste_Image.png

querySelector() querySelectorAll()

选取的DOM元素的属性

Paste_Image.png Paste_Image.png Paste_Image.png Paste_Image.png Paste_Image.png

获取设置元素

Paste_Image.png Paste_Image.png Paste_Image.png Paste_Image.png
Paste_Image.png

obj.style=""//直接可以设置 obj.style.color=""//设置获取color值 其他同理

【但是获取实际的值我在谈谈DOM访问元素样式】中提到

还有一个跟别方法
offsetLeft/Top/Width/Height
client/Width/Height
scrollTop/ScrollLeft
ScrollHeight/Width
screenWidth/Height

有兴趣的可以补充这写的区别

相关文章

网友评论

      本文标题：DOM 01（document Object Model)

      本文链接：https://www.haomeiwen.com/subject/oaxxcxtx.html

      延伸阅读

      深度阅读

      • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

      栏目导航

      热点阅读

      关于我们|服务条款|联系我们|DOM 01（document Object Model)|投稿指南|网站地图|RSS订阅|排版工具|手机版

      提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

      Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

      备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

      本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

      所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！