错误：无法在“节点”上执行“appendChild”：文档上只允许一个元素

Posted 2023-03-22

【中文标题】错误：无法在“节点”上执行“appendChild”：文档上只允许一个元素

【英文标题】：Error: Failed to execute 'appendChild' on 'Node': Only one element on document allowed

【发布时间】：2018-11-05 19:55:28

【问题描述】：

我有这样的导航标签

  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" ng-click="selectTab(1)">
      <a href="javascript:void(0);" ng-class="active:isActive(1)">Tab1</a>
    </li>
    <li role="presentation" ng-click="selectTab(1)">
      <a href="javascript:void(0);" ng-class="active:isActive(1)">Tab2</a>
    </li>
</ul>

现在我正在尝试将数据附加到 second div 中的 textarea 字段作为 hidden

然后我收到此错误：

。

具体是什么意思

<div ng-show="isActive(1)"> //true
<form class="formStep1" name="formStep1">
<input type="number" ng-model="salary" id="salary" name="salary" >
</form>
</div>

<div ng-show="isActive(2)"> //false
<form name="formStep2" class="formStep2">
<textarea name="job_description" ng-model="job_description" id="job_description" ></textarea>
</form>
</div>

注意：当我将文本区域放在第一个 div 表单中时，它工作正常

但我希望此字段在下一个选项卡的第二个表单中。

这就是我添加日期的方式，实际上是它的夏季注释编辑器。我该如何调试这个问题..？

var jobDescription = finTempObj.job_description; //data
$('#job_description').summernote('reset');
$('#job_description').summernote('editor.pastehtml', jobDescription);

【问题讨论】：

应该为此使用指令，并且您应该寻找一个有角度的summernote模块

【参考方案1】：

这个解决了我的问题：

var jobDescription = finTempObj.job_description;
$('#job_description').summernote('reset');
$("#job_description").summernote("code", jobDescription);

【讨论】：

稍微解释一下可能会有所帮助。你做了什么改变，它是如何解决问题的？