复习过程中需要注意的

1.透明度

opacity:0.5;

filter:alpha(opacity=50);

2.js-dom

(1)获取元素的样式

非行间样式

#div1{ 200px; height:200px; }
<div id="div1"></div>
 alert(div1.style.width);
会弹出什么? 空字符串
行间样式
<
div id="div1" style="200px; height:200px;"></div> alert(div1.style.width); 会弹出什么? 200px

1.currentStyle

ie所支持的获取非行间样式的方法 用法:对象.currentStyle.样式名

例:oDiv.currentStyle.width

2.getComputedStyle

除ie678之外,获取非行间样式的方法 用法:getComputedStyle(对象,参数).样式名 第二个参数可以传递任何数据,通常会传递 false 或者 null

例:getComputedStyle(oDiv,null).color

(2)常见操作节点方法

复制节点:

cloneNode(boolean) : 复制一个节点

  true:深复制,复制节点及其整个子节点树

  false : 浅复制,只复制节点本身。

注意:cloneNode()方法不会复制添加到DOM节点中的JavaScript属性,例如事件处理程序等。

操作节点:

appendChild(node) : 末尾插入一个节点node

insertBefore(node,targetNode) : target之前插入节点node

replaceChild(newNode,oldNode) : new替换节点old

removeChild(node) : 移除父节点的某个子节点

属性常见操作方法:

获取节点上name属性的值   getAttribute("name")

获取节点上type属性         getAttributeNode("type")

设置节点上name属性的值为value    setAttribute("name","value")

删除节点上的name属性     removeAttribute("name")

3.str

var str='01234567890';
    console.log(str.substring(5,8));//567
    console.log(str.substr(3,5));//34567
    console.log(str.substring(1));//1234567890
    console.log(str.substr(1));//1234567890

4.数组

var arr = [ a ,b , c , d ];

  arr. length //数组的长度,即数组中元素的个数

  var val=arr[0]; //获取数组的第一个值

  arr[1]= "新值"; //给数组元素赋予新的值

  // 将新元素添加到数组末尾,并返回数组的新长度 arr. push(el1,el2 ,. . . );

  // 将新元素添加到数组开始,并返回数组的新长度 arr. unshift(el1,el2 ,. . . );

  arr.pop( ) 删除数组最后一项,并返回被删除的元素

  arr.shift( ) 删除第一个元素,并返回被删除的元素

  arr.splice(1,2) 从1的位置开始(包含1)向后删除2个元素,数组形式返回所移除的元素

  arr.splice(1,2,w,k) 也可在删除元素的位置添加元素

  slice(start,end); 以数组的形式返回数组的一部分,不包括end位置的元素,如果省略end将复制start及之后的所有元素

  join(‘分隔符’) 用数组的元素组成字符串

  concat( ) 方法用于合并数组并返回一个新数组 arr.concat(array1,array2,......,arrayN);

  arr.reverse( ) 将数组反转 (倒过来显示)

  sort( ) 文字数组从字面上对数组进行排序

  sort(function (a,b){return a-b}); 数字数组按数值排序

  for...in声明 用来循环输出数组中的元素

原文地址:https://www.cnblogs.com/SunShineM/p/6052368.html