Question

我已经尝试了一段时间了，并且已经达到了我错过了一些非常简单但现在看不到的地步，所以任何帮助都会受到赞赏！我有两个id为“one”和“two”的缩略图，我想用它们来改变页面上的主要img。

<script type="text/javascript">
            //<![CDATA[ 
                window.onload= function(){
                var mainImg= document.getElementByID('ci');

                document.getElementByID('one').onclick= function(){
                mainImg.src='burningbush.png';
                //alert('one clicked');
                };
                document.getElementByID('two').onclick = function(){
                mainImg.src='burningbush.png';
                //alert('two clicked');
                }
                };//]]>
</script>


<div id="mainContainer">
                    <div id="image">
                        <img src="images/home.jpg" id="ci" alt="" />
                    </div>
                    <div id="thumbnail">
                        <img id="one" src="burningbush.png"</img>
                        <img id="two" src="burningbush.png"</img>
                    </div>

                </div>

Answer 1

该功能称为

getElementById

不

getElementByID

改变它，一切都会起作用

单击缩略图时更改主图像

1 个答案: