添加一个<；p>；使用javascript在DIV中创建元素

我需要使用JavaScript在这个元素中添加一条消息

<div id="messagePanel">
</div>

任何帮助都将非常感谢，因为我仍然是javascript的新手。

---

谢谢

我想这就是你需要的：

if (total <= 15) {
    var para = document.createElement("p");
    var node = document.createTextNode("This is new.");
    para.appendChild(node);
    var element = document.getElementById("messagePanel");
    element.appendChild(para);
    }

---

if（total我想这就是你需要的：

if (total <= 15) {
    var para = document.createElement("p");
    var node = document.createTextNode("This is new.");
    para.appendChild(node);
    var element = document.getElementById("messagePanel");
    element.appendChild(para);
    }

如果（total您可以使用JavaScript为该div设置CSS属性，请尝试以下操作

function calculateAndPrintRisk() {
  var riskTotal = calculateRisk();
  var message;
  var panel = document.getElementById("messagePanel");

  // hide this div by default
  panel.style.display = "block";

    if (total <= 15) {

        panel.innerHTML = "<p>Your results show that you currently have a low risk of developing diabetes. However, it is important that youmaintain a healthy lifestyle in terms of diet and exercise.</p>";

        // display the div
        panel.style.display = "block";

    } else if (total <= 25) {

          alert("medium");

   } else {

         alert("high");
     }

  }

函数calculateAndPrintRisk（）{
var riskTotal=calculateRisk（）；
var消息；
var panel=document.getElementById（“messagePanel”）；
//默认情况下隐藏此div
panel.style.display=“块”；
如果（total您可以使用JavaScript为该div设置CSS属性，请尝试以下操作

function calculateAndPrintRisk() {
  var riskTotal = calculateRisk();
  var message;
  var panel = document.getElementById("messagePanel");

  // hide this div by default
  panel.style.display = "block";

    if (total <= 15) {

        panel.innerHTML = "<p>Your results show that you currently have a low risk of developing diabetes. However, it is important that youmaintain a healthy lifestyle in terms of diet and exercise.</p>";

        // display the div
        panel.style.display = "block";

    } else if (total <= 25) {

          alert("medium");

   } else {

         alert("high");
     }

  }

函数calculateAndPrintRisk（）{
var riskTotal=calculateRisk（）；
var消息；
var panel=document.getElementById（“messagePanel”）；
//默认情况下隐藏此div
panel.style.display=“块”；
if（total
display:none
隐藏该元素并将其从流中删除。其中的任何内容也将不可见。您需要从div中删除该
display:none
，以使其生效

（可选）您可以将div 0设置为高度，将其移出视图，和/或设置
可见性：hidden
，这将隐藏内容，但不会从流中删除元素，从而使部分内容再次可见。
当您执行这些操作时，您仍然可以定位添加的段落以使其可见。
display:none
隐藏元素并将其从流中删除。其中的任何内容也将不可见。您需要从div中删除该
display:none
，才能执行此操作

（可选）您可以将div 0设置为高度，将其移出视图，和/或设置
可见性：hidden
，这将隐藏内容，但不会从流中删除元素，从而使部分内容再次可见。
执行这些操作时，您仍然可以定位添加的段落以使其可见。
这里实际上没有明确的问题。您是在问如何使div可见吗？
panel.style.display=“block”
应该可以解决这个问题。你可以用谷歌搜索如何在JS中设置CSS属性，这非常容易。只有当你将
显示设置为
无
以外的其他内容时，它才会出现。你应该添加当前解决方案不起作用的内容。我相信你的问题是，现在添加p标记时，messagePanel仍然会隐藏检查
total
但计算
riskTotal
时可能存在重复。这里实际上没有一个明确的问题。您是在问如何使div可见吗？
panel.style.display=“block”
应该可以解决这个问题。你可以用谷歌搜索如何在JS中设置CSS属性，这非常容易。只有当你将
显示设置为
无
以外的其他内容时，它才会出现。你应该添加当前解决方案不起作用的内容。我相信你的问题是，现在添加p标记时，messagePanel仍然会隐藏可能重复您正在检查的
total
但计算
riskTotal
这与我需要的非常接近。但由于某种原因，“This is new”（这是新的）消息会立即显示并删除。我需要它一直保留到“calculate”（计算）按钮再次按下按钮。我将更新我的帖子以显示完整的代码。是的，请这样做。我想这是因为表单提交。也许可以尝试这样的操作：这非常接近我需要的内容。但是由于某种原因，“这是新的”消息会显示并立即删除。我需要它一直保留到“计算”结束按钮再次按下。我将更新我的帖子以显示完整的代码是的，请这样做。我想这是因为表单提交。也许可以尝试以下操作：