关于JS中的getAttribute方法

答案:2 悬赏:0 手机版

解决时间 2021-02-08 17:14

提问者网友：抽煙菂渘情少年
2021-02-08 00:40

<head> <style type="text/css">  .myimg1{display:block;width:150px;height:80px;position:absolute; left:325px;top:200px;z-index:20;border:none;} </style> <script language="javascript" type="text/javascript"> var currentleft; var timer2; var currenttop; var newtop; var number=2; //相关图片动态放大函数。 function img_biger() { var myimg1=document.getElementById("img1"); alert(myimg1.getAttribute("src")); myimg1.setAttribute("display","block"); //为什么mywidth的值为"null"？？明明<img>标签中应用了类“myimg1” var mywidth=myimg1.getAttribute("width"); var myz=RegExp("(\\d+)px","gi"); mywidth=Number(mywidth.replace(myz,"$1")); var myheight=myimg1.getAttribute("height"); myheight=Number(myheight.replace(myz,"$1")); mywidth=mywidth+number;number++; myheight=Math.round((mywidth*8)/15); currentleft=myimg1.offsetLeft; currenttop=myimg1.offsetLeft; currentleft=currentleft+mywidth; currenttop=currenttop-myheight; currentleft=currentleft+"px"; currenttop=currenttop+"px"; mywidth=mywidth+"px"; myheight=myheight+"px"; if(mywidth>=300){clearInterval(timer2); myimg1.setAttribute("width","150px"); myimg1.setAttribute("height","80px"); myimg1.setAttribute("left","325px"); myimg1.setAttribute("top","200px"); }else{ myimg1.setAttribute("width",mywidth); myimg1.setAttribute("height",myheight); myimg1.setAttribute("left",currentleft); myimg1.setAttribute("top",currenttop); } timer2=setTimeout(img_biger,1); } </script> </head> <body> <img id="img1" class="myimg1" src="05.jpg" /> <script language="javascript" type="text/javascript"> img_biger(); </script> </body> </html>

最佳答案

五星知识达人网友：佘樂
2021-02-08 00:49

width并不是img的属性
style.width这样才能获取到。
myimg1.setAttribute("style","width:10px;height:10px;border:solid 1px red;") ;

全部回答

1楼网友：山河有幸埋战骨
2021-02-08 02:17

getattribute这个方法是获取 dom对象的属性值,比如 id,name,value或者其他自定义的对象,如id="abc" 用这个方法就可以获取 style这个方法是可以获取该对象的样式他们在html中表现为

上面的方法可以得到id 下面的属性可以得到样式的值

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！