1.6

68 阅读1分钟

设置属性

是针对本身具有的属性来设置的值,像div没有width就不能设置

Datasrc是随便打的自定义属性

Img.setAttribute(‘datasrc’,’123abc’)

Img.setAttribute(‘src’,’图片地址’)

Img.setAttribute(‘width’,’100px’)

SetAttribute可以给任意元素加上自定义的属性和值

获取getAttribute

Function get(){

Let val=div. getAttribute(‘datasrc’)

Alert(val)

}

删除指定的一个属性

Function ext(){

Let val=div.removeAttribute(‘datasrc’)}

克隆和删除

ColneNode(deep)复制否个指定节点

Function coneNd(){

Let body=document. querySelector(‘body’);

Let div1=document. querySelector(‘.div-class’);

获取自己的元素再插入到body中是不可以的,需要创建新的节点再插入,或者克隆一个新的节点去插入

Let divClone=div1.cloneNode(true);括号里需要写true,不然没用

ConlneNode如果里面不传true表示传入自身节点(不包括子节点)

传true表示既克隆自身节点也克隆了自身节点

Body.appendChid(divClone);}

删除

Function rm(){

Body.removerChild(div1)}父元素. RemoverChild(要被删除的元素)

InsertBefore(c,a)把新的插在老的前面

12.28

获取元素样式

通过style在行内样式上获取样式

使用style获取样式,写的什么就会获取到什么。不会转成rbg和出现其他的样式

div.style.background   style是获取不到内部样式上,或者外部样式也获取不到

使用getComputedStyle可以获取行内,内部,外部的所有样式

但是获取的color是rgb格式的,获取的背景颜色

GetComputedStyle(div,null).fontSize