无法执行“的appendChild”的“节点”错误试图追加jQuery中

我想追加使用jQuery一个代码块中的孩子，并与下面的错误结束时抛出：无法执行“的appendChild”的“节点”错误试图追加jQuery中

Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

我的代码如下：

<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>

来源

2017-03-10 vsoni

您的代码不正确，您不能将HTML代码放入''标记中。 –

你不能真正做到这一点，你是如何做的方式。我会推荐这种方式。您可以使用`字符（键盘上的小写字母）来做多行引号。我做到了。另外，您应该始终将JavaScript放在页面底部（或主体）。

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script type="text/javascript"> 
social = `<a href="https://www.facebook.com/" target="_blank"> 
    <i class="fa fa-lg fa-facebook-f"></i>test string 
    </a>`; 


$('.social').append(social); 
</script>

来源

2017-03-10 00:26:53 Neil

@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>

来源

2017-03-10 00:29:58

$(function() { 
 
    $('.social').append(document.getElementById('social').innerHTML); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> 
 

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

 

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

来源

2017-03-10 01:04:58 PeterKA

不能在<script>标签内放置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>

来源

2017-03-10 01:13:44 DavidT

我试图把我的代码块中的JavaScript，我想它藏在前端。但是现在我通过css来管理它。

$(document).ready(function(){ 
 
    $('.social').append(document.getElementById('social')); 
 
    $('#social').css('display','block'); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-sm-7 social"></div> 
 

 
<p id="social" style="display: none"> 
 
    <a href="https://www.facebook.com/" target="_blank"> 
 
    inserting something 
 
    </a> 
 
</p>

感谢大家抽出时间来看看这个。你们真棒。

来源

2017-03-10 16:20:23 vsoni

无法执行“的appendChild”的“节点”错误试图追加jQuery中

回答

相关问题