无法阻止跳转

本帖最后由 qq_18930709 于 2014-08-06 15:59:20 编辑

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

var gallery = document.getElementById("imagegallery");
var links = gallery.getElementsByTagName("a");a在逻辑结构上并不是img的子元素。
其实可以这样改：
<div id="bigBox" class=bigBox>
加个id，然后获取
var gallery = document.getElementById("bigBox");
var links = gallery.getElementsByTagName("a");<!doctype html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<article>
    <div class="left">
        <ul>
            <li><a href="sanChang.html">散场</a></li>
        </ul>
    </div>
    <div id="bigBox" class=bigBox>
        <a href="images/placeholder/one.jpg" alt="A，吐槽一下，    我发现每一张那个女的都没有你好看A"><div class="one"><p class="one">壹</p></div></a>
        <a href="images/placeholder/two.jpeg" alt=" OK，我不吐槽你的发型" ><div class="two"><p class="two">II</p></div></a>
        <a  href="images/placeholder/three.jpeg" alt=" 阿伯唔好感串噢"><div class="three"><p class="three">3</p></div></a>
        <a  href="images/placeholder/four.jpeg" alt="把你家都搬来了吧"><div class="four"><p class="four">IV</p></div></a>
        <a  href="images/placeholder/five.jpeg" alt="白腿、瘦腿、KAWAYI"><div class="five"><p class="five">伍</p></div></a>
        <a  href="images/placeholder/six.jpeg" alt=" 不想吐槽你的照片技术"><div class="six"><p class="six">Φ</p></div></a>
        <a  href="images/placeholder/seven.jpeg" alt="穿得像粽子一样"><div class="seven"><p class="seven">Д</p></div></a></div>
    <p class="text">Choose an Image</p>
    <img id="imagegallery" src="images/index.jpg"/>
</article>
<script src="scripts/index.js"></script>
<script type="text/javascript">
    function prepareGallery() {
        var gallery = document.getElementById("bigBox");
        var links = gallery.getElementsByTagName("a");        for (var i = 0; i < links.length; i++) {
            links[i].onclick = function (e) {
//                showPic(this);
                return false;
            }
        }
    }
    prepareGallery();
</script>
</body>
</html>
太感谢LZ了。
只是小弟还有一个问题:为什么直接使用getElementsByClassName无法阻止跳转，而getElementById可以。两者不是一样的吗？
再者一个HTML不是只能出现一次ID吗？本人的Chrome浏览器是最新的。
getElementsByClassName？这个方法没有浏览器能支持吧，ByTagName才被支持。