时间戳

首页 > 解决方案 > 使用变量和 getElementById 和 getElementsByTagName 用 javascript 替换 SRC

javascript - 使用变量和 getElementById 和 getElementsByTagName 用 javascript 替换 SRC

问题描述

我不明白为什么这不起作用它试图在文件夹而不是 SRC 网站中打开

<iframe src="https://www.google.com" width="300"></iframe>
<p id="URL">Tik hier een url:<input type="text"></p>
<script type="text/javascript">
    document.getElementById('URL').addEventListener('keypress', function (e) {
        if (e.key === 'Enter') {
            var website = document.getElementById('URL');
            var urlOutput = document.getElementsByTagName('iframe')[0];
            urlOutput.src = website.value;

        }
    });
</script>

标签： javascripthtmlcss

解决方案

.value可用于input,textarea元素。带有 id 的元素URL是一个段落。

相反，获取输入元素 i:e document.querySelector('input');。

document.getElementById('URL').addEventListener('keypress', function(e) {
  if (e.key === 'Enter') {
    var website = document.querySelector('input');
    var urlOutput = document.getElementsByTagName('iframe')[0];
    urlOutput.src = website.value;
  }
});
<iframe src="https://www.google.com" width="300"></iframe>
<p id="URL">Tik hier een url:<input type="text"></p>

推荐阅读