Javascript 内容变化的情态

我正在一个名为modal.html的文件中创建一个模态，用于填充模态的内容来自一个外部JS文件。内容是名为one.JS的JS文件中的以下函数返回的字符串：

function current()
{
  if(selection === 0 && yesResources[questionsCounter] != null)
  {
    return yesResources[questionsCounter];
  }
  else if(selection === 1 && noResources[questionsCounter] != null)
  {
  return noResources[questionsCounter];
  }
  else
  {
    return 'You are on the right track!';
  }
}

为modal编写的HTML代码如下所示：

<!-- The Modal -->
<div id="myModal" class="modal">

    <!-- Modal content -->
    <div class="modal-content">
        <div class="modal-header">
           <span class="close">&times;</span>
           <h2>Resources</h2>
        </div>
    <div class="modal-body">
        <p>Test</p>
        <p id='modalContent'></p>
    </div>
    <div class="modal-footer">
        <h3>Living Progress</h3>
    </div>
  </div>
</div>

&时代；
资源
试验


生活进步

---

我想调用current（）函数，用id“modalContent”填充段落空间。我尝试过使用document.getElementById（“modalContent”）.innerHTML=current（），document.getElementById（“modalContent”）.textContent=current（），在段落标记之间调用函数，等等。还有其他建议吗？谢谢。

您应该使用

document.getElementById（“modalContent”）.textContent=current（）

而不是

document.getElementById.textContent=current（）

（您忘记在

getElementById

之后指向

id

）。

您应该使用：

document.getElementById("modalContent").innerHTML = "Your content here";

---

这将解决您的问题。

您在键入document.getElementById（）时忘记了id名称，我建议您使用document.querySelector（“#modalContent”），因为这样它也可以用于选择类名或标记名。

我检查了您的javascript代码，样式不好，条件太长。我修改了代码如下

var e=函数（sel）{
返回文档。查询选择器（sel）
}
函数电流（）{
var yR=是的资源[问题中心]
var nR=无资源[问题中心]
如果（选择===0&&yR！=null）{
返回年份；
}else if（选择===1&&nR！=null）{
返回编号
}否则{
return“您在正确的轨道上！”
}
}
e（“#modalContent”）.innerHTML='hi is here'

David，我使用了它，不同的是等号右侧的文本被替换为current（）。它似乎使模态完全停止显示。。。你知道为什么吗？可能yesResources或noResources返回的是与字符串不同的内容，你能为我们提供此内容以便我们可以认为抛出它吗？yesResources和noResources包含字符串或null元素。是因为空元素吗？不是因为空元素。我做了一些故障排除，我调用的函数没有定义，这意味着HTML文件无法识别该函数。为什么会这样？在您的项目中导入了one.js？它是这样的，但是你应该为你的js文件放置正确的目录。我确实包含了它，但是在上面的文章中犯了一个错误，所以我在那里修复了它。当我按照你说的做时，模态完全停止出现，你知道为什么会这样吗？记住current（）函数来自外部JS文件，它似乎不起作用。当我尝试此操作时，模态根本不会出现。不管怎样，模态仍然有效，但是来自current（）函数的数据没有放在模态中