DOM属性详解
时间：2023-04-04 23:43:15
HTML5
vara=document.getElementById('im');3方法属性设置（一）属性设置//1.节点对象.Attributename=Attributevalue;//注意：特殊属性需要改名，例如：class--->classNamefor--->htmlFor//2.node.setAttribute(Attributename,attributevalue)//注意：节点属性名是与HTML属性名一致//3.node[attributename]=attributevalue//注意：特殊属性需要改名，例如：class--->classNamefor--->htmlFor//1)Kinds.//a.src='images/2.jpg';//2)类型。属性名属性值//a.setAttribute('src','images/2.jpg');//3)类型。//a['src']='images/2.jpg';//3种属性获取//(2)属性获取//1.节点对象。属性名称//2.node.getAttribute(属性名称)//3.节点[属性名称]//1)类型。console.log(a.src);//绝对路径//2)typeconsole.log(a.getAttribute('src'));//相对路径//3)console.log(a['src']);//绝对路径//DOM样式获取：//(1)只能取出内联样式，不能取出样式表样式//node.style.stylename//(2)取出其他样式//window.getComputedStyle(nodeobject,null)//返回值：样式对象varac=document.getElementById('qw');varb=window.getComputedStyle(ac,null).width;console.log(b);//输出值为100px/*修改DOM中style的节点对象.style.stylename=value;style在HTML中的名称在DOM中也是有效的。注意：特殊样式，需要改text-align---->textAlign去掉-，从第二个单词开始首字母大写*/varo=document.getElementById('qw');o.style.background='red';//为对象添加新的属性，可以随意添加新的属性（bc也可以是属性，自己定义）a.bc='hello';警报（a.bc）；控制台.log(a.bc);
