Javascript 如何在不定义变量的情况下使用document.createElement()

Javascript 如何在不定义变量的情况下使用document.createElement(),javascript,createelement,Javascript,Createelement,我很确定我已经知道这个问题的答案,但我想得到一个解释 我想创建并附加一个元素,而不必在变量中定义它(这对我来说似乎是一种浪费,没有必要) 因此,这实际上将文本节点附加到errorMessage元素中,但不会生成“p”标记 我只是觉得很可笑,你必须定义一个变量来创建一个新元素,而这种方式要优雅得多。我在网上找不到任何关于这个的信息。有人知道这样做的方法吗?或者可能知道为什么不这样做吗?我不确定我是否理解您想要实现的目标,但是如果您想简单地将errorMessage元素的HTML设置为某个HTML,

我很确定我已经知道这个问题的答案,但我想得到一个解释

我想创建并附加一个元素,而不必在变量中定义它(这对我来说似乎是一种浪费,没有必要)

因此,这实际上将文本节点附加到errorMessage元素中,但不会生成“p”标记


我只是觉得很可笑,你必须定义一个变量来创建一个新元素,而这种方式要优雅得多。我在网上找不到任何关于这个的信息。有人知道这样做的方法吗?或者可能知道为什么不这样做吗?

我不确定我是否理解您想要实现的目标,但是如果您想简单地将
errorMessage
元素的HTML设置为某个HTML,为什么不使用
innerHTML
属性呢

errorMessage.innerHTML = '<p>Due to an egg allergy, your child will NOT receive the flu vaccine.</p>';
errorMessage.innerHTML=”由于鸡蛋过敏,您的孩子将无法接种流感疫苗。


我不确定我是否理解您试图实现的目标,但是如果您想简单地将
errorMessage
元素的HTML设置为一些HTML,为什么不使用
innerHTML
属性呢

errorMessage.innerHTML = '<p>Due to an egg allergy, your child will NOT receive the flu vaccine.</p>';
errorMessage.innerHTML=”由于鸡蛋过敏,您的孩子将无法接种流感疫苗。


追加子项
返回追加的子项。所以我想你想要

var text = "Due to an egg allergy, your child will NOT receive the flu vaccine.";
document.getElementById("errorMessage")
  .appendChild(document.createElement('p'))
  .appendChild(document.createTextNode(text));

appendChild
返回追加的子项。所以我想你想要

var text = "Due to an egg allergy, your child will NOT receive the flu vaccine.";
document.getElementById("errorMessage")
  .appendChild(document.createElement('p'))
  .appendChild(document.createTextNode(text));

如果你不止做一次,那么创建一个抽象

function createP(text) {
  var p = document.createElement('p');
  p.appendChild(document.createTextNode(text));
  return p;
}

document.body.appendChild(createP('hello world'));

如果你不止做一次,那么创建一个抽象

function createP(text) {
  var p = document.createElement('p');
  p.appendChild(document.createTextNode(text));
  return p;
}

document.body.appendChild(createP('hello world'));

实际上,创建变量只是视觉上的烦人。在汇编程序中将存在一个变量,没有浪费。在实践中,创建一个变量只是视觉上的烦人。在汇编程序中将存在一个变量,没有浪费。值必须在某个地方出现。@斜视您仍然可以放置
errorMessage.innerHTML=“”在此代码之前。@Xufox:部分问题是关于不必创建变量。@Skint这不是针对
p
标记的吗?@Skint我想问题是关于不在变量中存储
document.createElement('p')
,但是
errorMessage
可以存储。@Xufox,Oriol:再次查看问题,我想你是对的。我误解了这个问题+1@squint您仍然可以放置
errorMessage.innerHTML=“”在此代码之前。@Xufox:部分问题是关于不必创建变量。@Skint这不是针对
p
标记的吗?@Skint我想问题是关于不在变量中存储
document.createElement('p')
,但是
errorMessage
可以存储。@Xufox,Oriol:再次查看问题,我想你是对的。我误解了这个问题+1.