如何將 html 屬性添加到 (getElementById)

Question

如何在 iframe 屬性 ( iframe src=" " ) 中添加 "src" 到 getElementById ( document.getElementById(" ").innerHTML = replaceurl )？

 <div class="output"> <iframe src="" style="width: 640px; height: 480px;"></iframe> </div> <script> function myFunction() { var geturl = document.getElementById("url").value; var replaceurl = ("https://docs.google.com/gview?url=" + geturl + "&embedded=true"); document.getElementById("").innerHTML = replaceurl; } </script>

Answer 1

您必須為此使用setAttribute方法（ https://developer.mozilla.org/de/docs/Web/API/Element/setAttribute ）。

在您的情況下，可以通過編寫以下代碼來完成：

// HTML
<iframe id="your-iframe" src="" style="width: 640px; height: 480px;"></iframe>

// JS
document.getElementById("your-iframe").setAttribute('src', replaceurl);

Answer 2

為什么不嘗試向 iframe 元素添加 id 並通過調用 function 將 url 傳遞給它？ 像這樣：

<div class="output">
        <iframe src="" id="myIframe" style="width: 640px; height: 480px;"></iframe>
    </div>

    <script>
        function myFunction(id) {
          var geturl = document.getElementById("url").value;
          var replaceurl = ("https://docs.google.com/gview?url=" + geturl + "&embedded=true");
          document.getElementById(id).src = replaceurl;
        }
//call your function.
myFunction("myIframe");
    </script>

Answer 3

您可以通過直接將新的 URL 分配給src屬性來設置<iframe>的src 。

 function myFunction() { const geturl = document.getElementById("url").value, replaceurl = `https://docs.google.com/gview?url=${geturl}&embedded=true`; document.querySelector('.output iframe').src = replaceurl; } myFunction();

 <input type="text" id="url" value="https://stackoverflow.com/" /> <div class="output"> <iframe style="width: 640px; height: 480px;"></iframe> </div>