js获取a标签下img的图片路径

js获取名称

<img id="image01" src="images/default/logogif" />

<script type="text/javascript">

var s=documentgetElementByIdx_x_x_x("image01")src;

alert(ssubstring(slastIndexOf("/")+1)); --lastindexof()找到所要找的字符的位置,

--substring()获取指定位置以后(从左向右)的字符值

--这句话得到的值为logogif

</script>

var imgScrs="";

var imgs = documentgetElementsByTagName("img");

for(var i=0;i<imgslength;i++){

imgScrs+=imgs [i]src;

if(i+1<imgslength)imgScrs+="|";

}

由于html代码中，id是不允许重复的，所以，我把id，修改成了class

<div class="infoline">

            <div class="info">

                <a href="#">

                    <img class="marginImg" src="aaajpg" /></a>

                <span style="padding-top: 5">

                </span>

            </div>

            <div class="info">

                <a href="#">

                    <img class="marginImg" src="bbbjpg" /></a>

                <span style="padding-top: 5">

                </span>

            </div>

            <div class="info">

                <a href="#">

                    <img class="marginImg" src="cccjpg" /></a>

                <span style="padding-top: 5">

                </span>

            </div>

        </div>    <script src="Scripts/jquery-182js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function () {

            var arrayImgs = [];

            $("divinfo imgmarginImg")each(function () {

                alert($(this)attr("src"));

                arrayImgspush($(this)attr("src"));

            });

        });

    </script>

因为安全问题，浏览器默认是不允许js 执行IO *** 作。js 获取不到文件大小。 只有一种方式可以获取，就上传标签input，在用户选择了要上传的文件后可以获取改文件的大小。代码如下：

<div>

<input type="file" name="f" id="f" />

<input type="button" name="aa" id="aa" value="测试" onclick="javascript: _s();" />

</div>

<script>

    function _s() {

      var f = documentgetElementById("f")files;

      alert(f[0]size); //大小 字节  

    }

  </script>

使用getAttribute方法取就是当前标签的src值。如下调整：

var c = documentgetElementsByClassName('c')[0];

var img = documentgetElementsByClassName('img')[0];

//绝对路径取法

consolelog(imgchildren[0]src);

//相对路径取法

consolelog(imgchildren[0]getAttribute('src'));

测试可以

<script type="text/javascript">

function vbig(){

var ss=documentgetElementById("ss");

var imgs=ssgetElementsByTagName("img");

for(var i=0;i<imgslength;i++){

alert('W:'+imgs[i]width + 'H:'+imgs[i]height);

}

}

</script>

</body>

<div id="ss">

<img src="新建文件夹/images/3jpg" />

<img src="新建文件夹/images/01png" />

<img src="新建文件夹/images/main_17jpg" />

<img src="新建文件夹/images/s4jpg" />

</div>

<input type="button" value="变大" onclick="vbig()" />

以上就是关于js获取a标签下img的图片路径全部的内容，包括:js获取a标签下img的图片路径、如何使用JS获取当前页面中所有图片的地址、关于JS获取多个div下多个img的src的问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！