-1 
<!DOCTYPE html>
<html>
<head> <script language="javascript" type="text/javascript">  <pre> function whatImg(){
            var str = getUrlVars()["obj"];
            document.getElementByTagName('img').src = 'images/dog.png';
            }                                   
        function getUrlVars() {
            var vars = {};
            var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {vars[key] = value;});
            return vars;
        }<code>                             
    </script>

</head>

<body>

    <div data-role="page">
        <img src="images/keys.png" id="image"/>
        <script type="text/javascript"  language="javascript">  whatImg();</script>     
    </div>
</body>
</html>
4

3 に答える 3

1

そうではgetElementsByTagNameないgetElementByTagName

document.getElementByTagName('img')[0].src代わりに使用する

html コードの下に js コードを記述したほうがよいでしょう。

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <div data-role="page">
            <img src="images/keys.png" id="image" />
        </div>
        <script>
            function whatImg() {
                var str = getUrlVars()["obj"];
                document.getElementsByTagName('img')[0].src = 'images/dog.png';
            }

            function getUrlVars() {
                var vars = {};
                var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m, key, value) {
                    vars[key] = value;
                });
                return vars;
            }
            whatImg();
        </script>
    </body>
</html>
于 2013-02-20T03:38:33.667 に答える
1

なんてことはありませんからgetElementByTagName。s:を忘れました.getElementsByTagName。

また、 を返しますNodeList。これは、これを行う必要があることを意味します。

var ele = document.getElementsByTagName('img');
ele[0].src = 'images/dog.png';

を使用して要素を取得する方がよい場合もありますid。

var ele = document.getElementById('image');
ele.src = 'images/dog.png';
于 2013-02-20T03:39:19.017 に答える
0

それは を返すHTMLCollectionので、それをループして、各src属性にその値を割り当てる必要があります。

于 2013-02-20T03:39:10.753 に答える