将元素更改为iFrame onclick

Question

所以，我创建了这个:

https://codepen.io/Blvcksquid/pen/yLpdBoO

现在我想要一个js函数分配给onclick按钮函数"schach()"该功能应更改"框";元素，点击到带有url "schach.coach"的iframe元素。

我试着自己写这个函数，但是变量不起作用:

function schach() {
let content = "  <iframe  class="box2" src="https://schach.coach" style="border:3px #black solid"; name="myiFrame" scrolling="yes" frameborder='1' marginheight="0px" marginwidth="0px" height="450px" width="240px" allowfullscreen></iframe>"
document.getElementById("box").innerHTML = "content"
}

我确信我的内容变量有问题，或者我甚至使用了错误的函数?请帮助，我是一个初学者，渴望学习。

Answer 1

看起来您正在将字符串分配给框，而不是变量的实际内容。试试下面这行:

document.getElementById('box').innerHTML = content;

注意，我已经从单词"content"中去掉了双引号