Question

        function Eval(a){
         var element= document.createElement('p');   // Creating a paragraph  
         $(element).addClass("output-class");
         element.innerHTML+= a; }

即使在造型＆＃34;输出类＆＃34;之后，添加的内容也不会显示。动态地甚至在标签内。但是如果我编写console.log（元素），那么我得到了所需的结果，但没有在网页上。

Answer 1

你几乎有三个主要考虑因素：

您不需要jQuery来添加类名，而是使用classList。
您不需要使用此语句element.innerHTML += a;，因为这是一个新创建的元素，因此innerHTML属性为空。请使用此element.innerHTML = a;代替
要使该元素可见/呈现，您需要将其添加到父元素。要完成此操作，请使用函数appendChild 。

在此示例中，父元素是body元素。

＆＃13;

function Eval(a, parent) {
  var element = document.createElement('p'); // Creating a paragraph  
  element.classList.add("output-class");
  element.innerHTML = a;
  
  parent.appendChild(element);
}

Eval('Ele from SO', document.body)

＆＃13;

.output-class {
  font-size: 24px
}

＆＃13;

如何显示新创建的元素的innerHtml内容

1 个答案: