随笔分类 -  前端

bootstrap tutorial
摘要:按钮: https://getbootstrap.com/docs/4.4/components/buttons/#button-tags grid表格12阑珊:https://getbootstrap.com/docs/4.4/layout/grid/#auto-layout-columns ta 阅读全文

posted @ 2020-02-16 09:20 Kooing 阅读(126) 评论(0) 推荐(0)

css begin
摘要:3种方法:1,inline2,internal:3,external: 1,inline: <h1 style="color: red;">hel</h1> 2,internal: <style> h1{ color:blue; } </style> 3,external: <link rel="s 阅读全文

posted @ 2020-02-15 15:37 Kooing 阅读(144) 评论(0) 推荐(0)

时间
摘要:DOM0级 每个元素(包括window和document)都有自己的时间处理程序属性,将这种属性的值设置为一个函数,就可以指定事件处理程序 后面可以用 a.onclick=null DOM2增加了两个方法, addEventListener(a,b,c) 和 removeEvenLisener(a, 阅读全文

posted @ 2016-09-19 22:31 Kooing 阅读(121) 评论(0) 推荐(0)

范围
摘要:创建 createRang() 给一段HTML 有两个定义范围的方法, selectNode 和 selectNodeContents 前面的范围包括了div,后面的就不能 定义下来后,本身的5大属性也尘埃落定 Range {} collapsed: false commonAncestorCont 阅读全文

posted @ 2016-09-18 23:05 Kooing 阅读(224) 评论(0) 推荐(0)

js遍历
摘要:NodeIterator 比较简单的迭代器 创建 document.createNodeIterator(root, whatToShow, filter , false ) root根节点 whatToShow表示要访问哪些结点代码,通常是NodeFilter.SHOW_ELEMENT filte 阅读全文

posted @ 2016-09-18 21:10 Kooing 阅读(385) 评论(0) 推荐(0)

偏移量
摘要:offsetHeight:算边框高度 offsetWidth:算边框宽度 offsetLeft: 到边框的长度 offsetTop:到边框的高 clientHeight:不算边框的高 clientWidth:不算边框的宽 后面有些实现不了 阅读全文

posted @ 2016-09-18 17:21 Kooing 阅读(350) 评论(0) 推荐(0)

样式
摘要:style对象的样式都有一个style属性 可有通过style来读写 DOM2级还定义了一些属性和方法 cssText:能读写css代码,和上面那个有点像 length:返回有几个 getPropertyValue(a):返回a属性的值 在遇到重叠元素的时候 上面的代码并不能显示 DOM2级增强了这 阅读全文

posted @ 2016-09-18 16:17 Kooing 阅读(136) 评论(0) 推荐(0)

检查DOM能力的函数
摘要:var a=document.implementation.hasFeature("Core","2.0"); var b=document.implementation.hasFeature("Core","3.0"); var c=document.implementation.hasFeature("HTML","2.... 阅读全文

posted @ 2016-09-17 23:21 Kooing 阅读(149) 评论(0) 推荐(0)

scrollIntoView()
摘要:scrollIntoView()看不到时候可以看到 scrollByLines()行 scrollByPages()页 scrollIntoViewIfNeeded()看不到的时候滚动到看到 阅读全文

posted @ 2016-09-17 22:29 Kooing 阅读(158) 评论(0) 推荐(0)

contains()方法
摘要:返回一个结点是否是一个结点的后代 console.log(document.documentElement.contains(document.body)); 还有DOM3级的compareDocumentPosition() 会返回掩码 1 无关 2 前 4 后 8 包含 16 被包含 因为会加上 阅读全文

posted @ 2016-09-17 21:49 Kooing 阅读(414) 评论(0) 推荐(0)

插入标记
摘要:innerHTML 在读的模式下,他会返回所有节点(包括元素,结点 显示 还也可加加样式 outerHTML 在读的时候比innerHTML多,还会返回他自己 <div class="div1 div2 div3" data-data="me"> <ul> <li>11111</li> <li>22 阅读全文

posted @ 2016-09-14 17:07 Kooing 阅读(191) 评论(0) 推荐(0)

自定义的属性
摘要:在元素中写自己的自定义数据 都在上面加上data- 我们就可以在下面用 a.dataset.自定义属性 阅读全文

posted @ 2016-09-14 16:29 Kooing 阅读(168) 评论(0) 推荐(0)

焦点
摘要:var a=document.getElementById("2"); a.focus(); alert(document.hasFocus());//这行只能这么写,document.hasFocus() 阅读全文

posted @ 2016-09-14 16:03 Kooing 阅读(119) 评论(0) 推荐(0)

class类名的管理
摘要:用classList可以对类名进行管理 阅读全文

posted @ 2016-09-14 15:42 Kooing 阅读(149) 评论(0) 推荐(0)

querySelector选择器
摘要:querySelector选择器可以通过document和element来调用他们 用来代替getElementById querySelectorAll和上面的一样,返回的不仅仅是一个元素,有点像nodelist 阅读全文

posted @ 2016-09-13 20:57 Kooing 阅读(383) 评论(0) 推荐(0)

DOM动态添加表格
摘要:后来加了一些属性和方法 代表各个部分的属性的指针 tBodies tFoot tHead rows cells 创建的方法 createTHead() createTFoot() insertRow() insertCell() 删除 deleteTHead() deleteTFoot() dele 阅读全文

posted @ 2016-09-13 11:00 Kooing 阅读(517) 评论(0) 推荐(0)

纪录一个table元素里面的tr th td
摘要:name sex haunggabing boy 阅读全文

posted @ 2016-09-13 10:05 Kooing 阅读(181) 评论(0) 推荐(0)

css动态样式
摘要:一种 var style=document.createElement("style"); style.type="text/css"; style.appendChild(document.createTextNode("body{background-color:red}")); var hea 阅读全文

posted @ 2016-09-12 23:14 Kooing 阅读(544) 评论(0) 推荐(0)

动态脚本,在js里面又写js
摘要:不知道怎么回事 代码测试不过 阅读全文

posted @ 2016-09-12 22:40 Kooing 阅读(195) 评论(0) 推荐(0)

DOM---documentFragment
摘要:代码暂时寄存 创建:document.createDocumentFragment() 案例: 上面代码用一个fragment避免了li一个个插入的尴尬 阅读全文

posted @ 2016-09-12 21:00 Kooing 阅读(133) 评论(0) 推荐(0)

导航