wlbk.net
当前位置:首页 >> 如何用jAvAsCript获取<img> 中的iD? >>

如何用jAvAsCript获取<img> 中的iD?

先获取img标签,再访问id值<br>步骤<br>1、定义一个img<br>&lt;body&gt;<br> &lt;img src='' id='test'/&gt;<br>&lt;/body&gt;2、通过getElementsByTagName方式获取img<br>var imgs = document.getElementsByTagName('img');<br>alert(imgs[0].id);//获取img的id值test

&lt;html&gt;<br>&lt;head&gt;<br>&lt;script&gt;<br>function check(x){<br>if(x==&quot;a&quot;){<br>alert(&quot;图片1&quot;);<br>}else{<br>alert(&quot;图片2&quot;);<br>}<br>}<br>&lt;/script&gt;<br>&lt;/head&gt;<br>&lt;body&gt;<br>&lt;table

<html> <head> <script type= "text/javascript "> function showmytagname(obj){ alert(obj.tagName); } </script> </head> <body> <a href= " " onclick= "showmytagname(this); "> showmytagname </a> <input type= "button " onclick= "showmytagname(this) " value= "showmytagname "/> </body> </html>

第一种:<br>$(function(){<br> $(&quot;.imgabcdefg img&quot;).css(&quot;width&quot;,&quot;100px&quot;); <br><br>})<br>第二种:<br>&lt;script&gt;<br>$(function(){ <br> $(&quot;.head_menu ul&quot;).find(&quot;li&quot;).each(function(){<br> $(

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// &lt;body&gt;&lt;div id="imglist"&gt; &lt;img src="pian2.jpg" name="xiao1" border

恩.楼上正解 var imgs=document.getElementsByTag(img); for(var i=0 ;i<imgs.length;i++){ alert(imgs[i].id); }

document.getelementbyid("div1").parentnode.id; 就是父id

<script type="text/javascript">$(function(){ $("#piccon ul li").each(function(){ var i = $(this).find("img").attr("title"); $(".Box").append("<p>"+ i +"</p>"); });});</script><div id="piccon"> <ul> <li><img alt="" title="1" /></li> <li><

上面说的都错误的. 获取表单元素应该是这样: document.表单名.表单标签名.value <form id="form2" runat ="server" name="form2"> <input type ="text" id="textfiled" name="textfiled" value ="aaa" style="display:none;" /> </form> 所以应该是 : var v = documnet.form2.textfiled.value;

呵呵,,不知道你会不会JQUERY,给你一个JQ的代码吧:获取IMG绝对X,Y坐标,可以用offset()方法:var X = $('#img1').offset().top;var Y = $('#img1').offset().left;获取相对(父元素)位置:var X = $('#img1').position().top;var Y = $('#img1').position().left;

网站首页 | 网站地图
All rights reserved Powered by www.wlbk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com