dom
关注
分享
扫一扫
Kasekale
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
2节点类型
>document:9>3文本节点: 数字,文本,换行.>8注释节点>2属性节点 div.attributes[0] nodeValue 查看 节点的属性值 nodeName查看属性名 1元素节点 childNodes:获取某个节点下的子节点children:找到某个元素下面的所有元素子节点 <!doctype html><html原创 2017-11-12 22:05:42 · 399 阅读 · 0 评论 -
dom11clone
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{width: 100px;height: 100px;background-color: pink} #div2{width: 100px;he原创 2017-11-21 12:10:58 · 217 阅读 · 0 评论 -
dom11克隆replaceChild
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{width: 300px;height: 300px;background-color: pink} #div2{width: 300px;he原创 2017-11-21 11:41:42 · 323 阅读 · 0 评论 -
dom11克隆removeChild
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="button" value="点击删除" id = "btn"> <ul id="ul" > <li>1</li>原创 2017-11-21 11:01:18 · 258 阅读 · 0 评论 -
10创建元素
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="button" id = "btn" name = "" value = "点击添加"> <ul id = "ul"> </ul>原创 2017-11-20 23:05:20 · 235 阅读 · 0 评论 -
9元素宽高的获取
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{width: 200px;height: 200px;background-color: pink;border:10px solid #00BFFF; pad原创 2017-11-20 20:45:00 · 310 阅读 · 0 评论 -
8属性操作
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="div1"></div> <script> var div1 = document.getElementById('div1');原创 2017-11-19 21:09:33 · 231 阅读 · 0 评论 -
5offsetLeft,offsetParent,getBoundingClientRect
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{padding:100px;} #div1{background-color: #FFF5EE;position:relative;}原创 2017-11-19 19:55:25 · 282 阅读 · 0 评论 -
4-节点例子nextprevious
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> ul{width: 300px;} ul li{height: 30px;background-color: #eee;color:#666;font-we原创 2017-11-18 21:29:44 · 280 阅读 · 0 评论 -
3firstElementChild
firstElementChild lastElementChild原创 2017-11-13 12:48:58 · 366 阅读 · 0 评论 -
3nextElementSibling
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #ul li{ width: 150px; height: 50px; background: pi原创 2017-11-13 12:41:18 · 410 阅读 · 0 评论 -
3parentNode小例子
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #ul li{ width: 150px; height: 50px; background: pi原创 2017-11-13 12:05:03 · 292 阅读 · 0 评论 -
3父节点和兄弟节点
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #ul li{ width: 150px; height: 50px; background: bl原创 2017-11-13 11:39:06 · 479 阅读 · 0 评论 -
DOM12表格
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <table border="" id="box"> <thead> <tr>原创 2017-11-21 13:58:33 · 217 阅读 · 0 评论