![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 347 阅读 · 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 · 163 阅读 · 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 · 264 阅读 · 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 · 187 阅读 · 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 · 177 阅读 · 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 · 231 阅读 · 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 · 181 阅读 · 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 · 208 阅读 · 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 · 224 阅读 · 0 评论 -
3firstElementChild
firstElementChild lastElementChild原创 2017-11-13 12:48:58 · 294 阅读 · 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 · 341 阅读 · 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 · 221 阅读 · 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 · 401 阅读 · 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 · 169 阅读 · 0 评论