使用javascript脚本方法添加图片img标签的alt值

时间:2014-12-02 16:51:39   收藏:0   阅读:1536

动态内容中的图片,无法更好的通过内容来管理图片img的alt值,可以通过js脚本的方式添加alt,只要将如下代码放在页面底部即可。

<div id="div_bubufx" name="div_bubufx">
        <img src="a.jpg" width="200" />
        <br />
        <img src="b.jpg" width="200" alt="" /><br />
        <img src="c.jpg" width="200" />
    </div>
    <script type="text/javascript" language="javascript">
        var imgD = document.getElementById("div_bubufx");     //div标签
        var imgArr = imgD.getElementsByTagName("img");    //获得"divabc"div容器内img标签

        if (imgArr.length > 0) {
            for (var i = 0; i < imgArr.length; i++) {
                if (imgArr[i].alt == null || imgArr[i].alt.length == 0) {
                    imgArr[i].alt = document.title;
                }
            }
        }
    </script>

整个页面的,可以取得body来处理

    <script type="text/javascript" language="javascript">

        var imgD = document.body;                           //body
        var imgArr = imgD.getElementsByTagName("img");    //获得容器内img标签

        if (imgArr.length > 0) {
            for (var i = 0; i < imgArr.length; i++) {
                if (imgArr[i].alt == null || imgArr[i].alt.length == 0) {
                    imgArr[i].alt = document.title;
                }
            }
        }

    </script>

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!