iframe urlをプログラムで設定することはできません

Question

iframeのURLを動的に設定するsetIframe関数がありますが、getIframeを使用してURLを読み取るときに空白になるのはなぜですか？

のindex.html：

<iframe id="MyIframe" src="frame.html"> 
    </iframe> 

    <script> 
    function setIframe(iframeId, url){ 
     document.getElementById(iframeId).src = url; 
     } 

     function getIframe(iframeId){ 
     return document.getElementById(iframeId).src; 
     } 


     var url = "frame.html" + location.search; 
     alert(url); 
     setIframe('myIframe',url); 
     alert(getIframe("myIframe")); 
    </script> 

frame.html 警告（location.search）。 （それはjQueryの関数ですが。）

Answer 1

は実際MyIframeあるので、私はあなたがそれを設定かどうかはわかりませんが、多分あなたは要素の定義されたSRCと混同しています。そして.src代わりの.attr()

function setIframe(iframeId, url){ 
 
    document.getElementById(iframeId).src = url; 
 
    } 
 

 
    function getIframe(iframeId){ 
 
    return document.getElementById(iframeId).src; 
 
    } 
 

 
    var url = "http://gizmodo.com/"; 
 
    setIframe('MyIframe',url); 
 
    alert(getIframe("MyIframe"));

<iframe id="MyIframe" src="http://gizmodo.com/"> 
 
</iframe>

Answer 2

attrはバニラJS機能ではありません

あなたはバニラ同等物を使用する必要があります：getAttributeとsetAttribute。あなたはJavaScriptでmyIframeが、あなたのiframeのIDを使用している

function setIframe(iframeId, url){ 
    document.getElementById(iframeId).setAttribute('src', url); 
} 

function getIframe(iframeId){ 
    return document.getElementById(iframeId).getAttribute('src'); 
}