常用的属性和方法

innerHTML    改变html双标签中的内容

 

document.getElementById()　　通过id获取元素

document.getElementsByTagName()　　通过标签名字获取元素

　　　　document.getElementsByTagName("*")　　获取所有标签元素

document.createElement()　　生成一个新标签

插入节点

　　appendChild()　　添加孩子放到最后面

　　　　

　　　　

　　insertBefore(插入的节点，参照节点)　　子节点 添加孩子

　　　　示例：放到了第一个孩子的前面

　　　　

　　　　

　　　　如果第二个参数为 null ，则默认这新生成的盒子放到最后面。

　　　　

 

移除节点

　　removeChild()　　移除孩子节点

替换节点

　　replaceChild()　　替换子节点

克隆节点

　　cloneNode()　　复制节点，括号里面可以跟参数，默认是false(不要通过id克隆，id尽量保持唯一)

　　参数：true　　如果是true，深层复制，除了复制本盒子，还复制子节点 

　　　　　false　  如果为false，  浅层复制，只复制本节点，不复制子节点。

　　

　　

 

 

设置节点属性

　　获取节点属性  

　　　　getAttribute(属性)      获取属性    

　　　　通过这个方法，可以得到 某些元素的  某些属性

　　　　

　　　　弹出对话框:　　弹出title里面的内容

　　　　

　　设置节点属性

　　　　setAttribute(“属性”,”值”);

　　　　比如说，我们想要把 一个 类名  改为   demo 

　　　　div.setAttribute(“class”,”demo”);

　　删除某个属性

　　　　removeAttribute(“属性”);

　　　　demo.removeAttribute(“title”) 

　　　　这个盒子就没有title  属性  给删掉了

 

按钮不可用     button.disable = true;

 

数组常用方法

push()       向数组的末尾添加一个或多个元素，并返回新长度

unshift()    向数组的开头添加一个或多个元素，并返回新长度

pop()        移除数组的最后一个元素，返回最后一个值(被移除的那个值)，这个方法没有参数

shift()       移除数组的第一个元素，返回第一个值(被移除的那个值)，这个方法没有参数

concat()    连接两个数组，不影响原数组a = [1,2,3]   b = [4,5,6]     a.cconcat(b) == [1,2,3,4,5,6]

join()        返回一个数组转化的字符串，原数组不会改变       数组名. join(符号)

split()       返回一个由字符串转化的数组，字符串中的分隔符号需要与方法中的符号一致