\n不使用javascript中的文本节点

在TextNode中的这段代码中，我尝试在以下代码中使用

\n

将字符串放在不同的行中：

var CC = function(valu, name, age){
        var parent = document.createElement("div");
            parent.id = valu;
            parent.setAttribute("onclick", "info()");
            parent.style.color = "blue";
        var heading = document.createTextNode("phone no: "+valu+"\n Name:"+name+" \nAge: "+age);
        parent.appendChild(heading);    

        var ele = document.getElementById("main");
        ele.appendChild(parent);

        }(valu, name, age);

然后，当我尝试这样做时，在行中：

var heading=document.createTextNode（“电话号码：+valu+”\n Name:+Name+“\nAge:+age”）\n

不工作。我应该不在这个

TextNode

中使用

\n

，还是以错误的方式使用它？

问题 问题是阻止文本呈现为HTML

如果要呈现HTML，需要使用

---

变化 为了得到你的代码的工作演示，我不得不做一些即兴创作

我更改了以下内容：

• 已将

  CC（）

  转换为一个简单函数，因为我不知道您的其余代码是什么样子

• 将

  valu

  参数更改为

  phone

  。不确定

  valu

  是什么意思

• 添加了一个全局变量

  id

  ，该变量在每次调用

  CC（）

  方法时递增，以便创建的div保持唯一的id

• 在

  CC（）

  函数中，我创建了表示传入的每个参数（姓名、电话和年龄）的文本节点变量

• 将

  setAttribute（）

  更改为

  addEventListener（）

• 我没有用一个长的

  appendChild（）

  ，而是用

  document.createElement（“br”）

  在每个文本节点之间显示每个步骤

• 还要注意的是，我添加了

  info（）

  函数来提醒正在单击的div的信息

---

JAVASCRIPT

---

中断标记

您应该避免使用setAttribute绑定事件，相反，如果您使用或至少使用以下内容绑定事件会更好：

parent.onclick=info@sanmevgsaini-创建一个JSFIDLE来演示您的问题，我会帮助您解决。我不知道如何创建js FIDLE演示文稿，但我可以给您所有的代码：@sanmevgsaini-我继续创建了一个JSFIDLE来解决您的问题并更新了我的答案。
var id = 1;

function info()
{
    alert(this.innerText);
}

function CC (name, phone, age) 
{
    var parent = document.createElement("div"),
        nameText = document.createTextNode("Name: " + name),
        phoneText = document.createTextNode("Phone: " + phone),
        ageText = document.createTextNode("Age: " + age);

    parent.id = 'div' + id.toString();
    parent.style.color = "blue";
    parent.addEventListener("click", info, false);

    parent.appendChild(nameText);
    parent.appendChild(document.createElement("br"));
    parent.appendChild(phoneText);
    parent.appendChild(document.createElement("br"));
    parent.appendChild(ageText);
    parent.appendChild(document.createElement("br"));

    document.getElementById("main").appendChild(parent);
    id++;
}

CC('John Doe', '123.456.7890', '40');