我正在调用一个函数，当用户单击特定的 div 时，该函数会替换 div 的innerHTML。我能够在函数内传递原始 html 代码以实现所需的结果，但我想使用相同的函数根据单击的 div 动态替换不同 div 的内容。
例如，如果单击 div1，则 innerHTML 应替换为 div1.html 文件，div2 替换为 div2.html 文件。我有 PHP 背景，刚刚学习普通 javascript，所以我想知道如何做到这一点。
这是我正在使用的一些示例代码
function jobDescription() {
document.getElementById('details').innerHTML = "\
<div class=\"col-12 fade show\">\
<div class=\"card text-white bg-dark\">\
<div class=\"card-body text-center\">\
<h4 class=\"card-title\">Fullstack Web Developer</h4>\
<p class=\"card-text\">REMOTE</p>\
</div>\
</div>\
</div>\
";
}<div id="details" class="row align-items-center mt-5">
<div id="freelance" class="col-lg-4 col-md-6 mb-3" onclick="jobDescription()">
<div class="card text-white bg-dark">
<div class="card-body text-center">
<h4 class="card-title">Backend Web Developer</h4>
<p class="card-text">FREELANCE</p>
</div>
</div>
</div>
</div>最佳答案
为此，您可以使用 iframe 的概念。
function FuncDesc(id, val)
{ alert(val);document.getElementById('i'+id).src = val; }<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
</script>
</head>
<body>
<div id ="div1" onclick="FuncDesc(this.id, 'div1.html')">Div1</div>
<div id ="div2" onclick="FuncDesc(this.id, 'div2.html')">Div2</div>
<iframe id="idiv1"></iframe>
<iframe id="idiv2"></iframe>
</body>
</html>关于javascript - 将html文件作为innerHTML的值传递，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53137445/