时间戳

首页 > 解决方案 > 如何将 html 属性添加到 (getElementById)

javascript - 如何将 html 属性添加到 (getElementById)

问题描述

如何将 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>

标签： javascripthtml

解决方案

您必须为此使用该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);

推荐阅读