返回innerHTML中的cookie值

Question

我的老板要求我创建一个片段，将特定的cookie（会话ID）值返回到我们公司网站上的测试页面。问题是，我是一名具有最小编码经验的平面设计师！一年前，当我们的后端开发人员离开公司时，我愚蠢地展示了一些HTML和CSS知识，而我们现在正处于javascript人之间，所以我已被征召为此工作。

我花了最后一两个小时在这里通过许多许多类似的问题得到答案 - 并浏览W3和其他地方的各种教程，我已经学会了使用GetCookie，我已经学会了如何使用document.write，并且我已经学会了如何使用innerHTML，但我发现我的一般js理解太过限制，无法转换为更复杂的我试图得到的具体结果的例子。基本上，我无法弄清楚如何将两个基本动作混合在一起。

此：

<script type="text/javascript">
  document.write(getCookie("SessionID"));
</script>

完全符合我的要求，但我想让它使用innerHTML将cookie值返回给特定的div而不是重写整个doc的HTML。有人能告诉我如何最好地实现这一目标吗？提前感谢您，我们非常感谢任何指导！

Answer 1

应该这样做......

<div id="cookie-jar">
</div>

<script>
document.getElementById("cookie-jar").textContent = getCookie("SessionID");
</script>

作为一般做法，您应该避免使用innerHTML，因为它可能允许将有害内容注入页面。