设置属性
是针对本身具有的属性来设置的值,像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