Javascript 未能执行'；追加儿童'；在'；节点'；尝试在jQuery中追加子级时引发错误

我试图使用jQuery附加一段代码，结果出现以下错误：

未能在“节点”上执行“appendChild”：参数1不是“节点”类型。

我的代码如下：

<script id=social language="text">
  <a href="https://www.facebook.com/" target="_blank">
    <i class="fa fa-lg fa-facebook-f"></i>
  </a>
</script>

<script type="text/javascript">
   $('.social').append(document.getElementById('social'));
</script>

<div class="col-sm-7 social"></div>

$（'.social'）.append（document.getElementById（'social'））；

你不能按照你现在的方式来做。我建议这样做。您可以使用`字符（键盘上的小写字母tilda）进行多行引号。我做到了。此外，您应该始终将JavaScript放在页面（或正文）的底部

社会=``；
$（'.social'）。追加（social）；

@vsoni， 您的第一个块是代码中的错误还是只是复制错误？ 该区块：

<script id=social language="text">
  <a href="https://www.facebook.com/" target="_blank">
    <i class="fa fa-lg fa-facebook-f"></i>
  </a>
</script>

应该是这样的：

<p id="social" language="text">
  <a href="https://www.facebook.com/" target="_blank">
    <i class="fa fa-lg fa-facebook-f"></i>
  </a>
</p>

$（函数（）{
$（'.social'）.append（document.getElementById（'social'）.innerHTML）；
});

facebook
您不能将HTML放在
标记中

试着这样做：

<div id=social>
  <a href="https://www.facebook.com/" target="_blank">
    <i class="fa fa-lg fa-facebook-f"></i>
  </a>
</div>

<script type="text/javascript">
   $('.social').append(document.getElementById('social'));
</script>

<div class="col-sm-7 social">facebook</div>


$（'.social'）.append（document.getElementById（'social'））；
脸谱网
我试图将代码块放在javascript中，因为我想在前端隐藏它。但是现在我用css来管理它


$（文档）.ready（函数（）{
$（'.social'）.append（document.getElementById（'social'））；
$（'#social'）.css（'display'，'block'）；
});


您的代码不正确，无法将HTML代码放入
标记中。
<div id=social>
  <a href="https://www.facebook.com/" target="_blank">
    <i class="fa fa-lg fa-facebook-f"></i>
  </a>
</div>

<script type="text/javascript">
   $('.social').append(document.getElementById('social'));
</script>

<div class="col-sm-7 social">facebook</div>