dom操作
关注
分享
扫一扫
两年不用下次再用不知道什么时候的账号
这个作者很懒，什么都没留下…
展开
-
属性节点的操作
属性节点增删改查 //属性的操作就是增删改查 onload=function(){ //1添加属性（方法1 方法2 方法3） //方法1 使用setAttribute添加属性 //添加的是自定义的，非标准的属性 var x=document.querySelectorAl原创 2017-06-03 21:55:40 · 403 阅读 · 0 评论 -
dom对象中常见节点的属性
onload = function(){ // 常见的节点属性 // 1.nodeValue表示节点的值 所有的节点都有该属性 一般文本节点才会使用 // var a=document.body.lastChild.nodeValue; // console.log("+"+a+"+");原创 2017-06-03 18:49:17 · 2632 阅读 · 0 评论 -
各种top
top：该属性一般对用过css定位的元素有效（position为“static”时为auto，不产生效果），定义了一个top属性有效的元素（即定位元素）的上外边距边界与其包含块上边界之间的偏移。clientTop：元素上边框的厚度，当没有指定边框厚底时，一般为0。scrollTop：位于对象最顶端和窗口中可见内容的最顶端之间的距离，简单地说就是滚动后被隐藏的高度。offse原创 2017-09-19 16:56:24 · 650 阅读 · 0 评论 -
点击li，输出对应li的下标
window.onload=function(){第一种方法：var oli=document.getElementsByTagName('li'); for(var i=0;i oli[i].onclick=(function(n){ return function(){ alert(n) } })(i) } }第二种方法：/原创 2017-09-20 20:59:27 · 4330 阅读 · 0 评论 -
重构(reflow)与重绘(repaint)
reflow意味着结构的改变,比如一堆元素堆叠,改变其中一个的宽高,那么相应的所有元素的位置都要改变.repaint意味着样式的改变比如div调整了背景色等,但是位置不变,只改变我们操作的元素.所以通常来看repaint的代价要远小于reflow,速度也更快.原创 2017-12-13 15:32:17 · 1014 阅读 · 0 评论 -
点击li跳到对应的div位置
1，利用a标签body>divstyle="background:red"id="1" name="1">div>divstyle="background:green"id="2" name="2">div>divstyle="background:black"id="3" name='3'>div>a href="#1">1a>原创 2017-12-28 15:14:33 · 2138 阅读 · 0 评论