从变量中读取html文本

Read html text from variable

本文关键字：html 文本 读取 变量      更新时间：2024-04-28

我有一个JS变量，它包含用于嵌入YouTube视频的html代码，看起来像：

<iframe width="560" height="315" src="https://www.youtube.com/embed/....." 
frameborder="0" allowfullscreen></iframe>

有没有什么方法可以简单地从变量中读取html？或者我必须从变量中提取URL并用iframe标记框架将其包围吗？

如果您谈论的是阅读iframe内部的HTML代码，那么您不能用JavaScript这样做：查看此处了解更多信息。

如果你想在文档上添加框架，你可以使用元素的innerHTML属性来完成，例如：

var myFrame = '<iframe width="560" height="315" src="https://www.youtube.com/embed/....." frameborder="0" allowfullscreen></iframe>'
document.getElementById("container-id").innerHTML += myFrame;

如果HTML有以下标记，则需要添加"id"作为属性。

<iframe width="560" height="315" src="https://www.youtube.com/embed/....." frameborder="0" allowfullscreen id="iframe1"></iframe>

您可以通过以下方式读取属性：

document.getElementById('iframe1').getAttribute('frameborder')

这是一个工作代码

<body>
<div id="DIV">
</div>
<script type="text/javascript">    
   var content = document.getElementById('DIV');
   var frame = "<iframe width='560' height='315' src='https://www.youtube.com/embed/.....'
frameborder='0' allowfullscreen></iframe>"
   content.innerHTML = frame ;   
</script>
</body>
相关文章：