JS的DOM解析
weixin_40025586
这个作者很懒,什么都没留下…
展开
-
JS的DOM解析1--节点操作(节点获取)
1.DOM解析定义: 针对于XML结构(树形结构)的一种解析方式,其中HTML标签本身就是XML结构的衍生品。 2.节点获取方法: (1). getElementById() 通过id名来获取 (2). getElementsByTagName() 通过标签名来获取一个数组 (3). querySelector() 通过css3的方式来获得 (4). querySelectorAll() 得到一...原创 2018-10-09 22:06:00 · 550 阅读 · 0 评论 -
JS的DOM解析2--节点操作(创建和添加及删除节点)
一.创建节点的方法: <script type="text/javascript"> //1.createElement 创建节点 var div=document.createElement('div'); div.innerHTML="hello"; //2.获得添加到的标签 var body=document.getElementsByTagName('body')[...原创 2018-10-09 22:05:44 · 1473 阅读 · 0 评论 -
JS的DOM解析3--常用方法及属性--document和标签
1.document下的常用属性: <script type="text/javascript"> //document:文档 常用属性:1.body 2.title 3.domain 4.URL var body=document.body; console.log(body); //title va...原创 2018-10-09 22:05:33 · 237 阅读 · 0 评论 -
JS的DOM解析4--常用方法及属性--样式方法和滚动操作
1.样式方法部分: <script type="text/javascript"> // 1.offsetWidth,offsetHeight,offsetTop,offsetLeft //2.clientWidth,clientHeight,scrollHeight,scrollWidth,scrollLeft,scrollTop //1.offsetLeft和offsetTop...原创 2018-10-09 22:05:05 · 149 阅读 · 0 评论 -
JS的DOM解析5--综合实例--瀑布流
1.瀑布流css部分: <style type="text/css"> #wrap{ width:800px; border:1px solid red; } ul{ width:200px; float:left; } #wrap:after{ content:""; display:block; clear:both; ...原创 2018-10-09 22:05:22 · 129 阅读 · 0 评论