如何在JavaScript中正确移动HTML标记？

我想在JavaScript中移动HTML标记

我的HTML代码是：

<tr>
...

    <td><a href="#" onclick="window.open('{{ url('hotel/cancel-policy?NationCd='.$hotel_request['NationCd'].'&CityCd='.$hotel_request['CityCd'].'&CheckIn='.$hotel_request['CheckIn'].'&CheckOut='.$hotel_request['CheckOut'].'&Sgl='.$hotel_request['Sgl'].'&Dbl='.$hotel_request['Dbl']) }}', 'newwindow', 'width=300, height=250'); return false;">Cancel Policy</a></td>    
...

</tr>   

...
...

我的JavaScript代码是：

...
    elem.append('<tr>\
...
        <td><a href="#" onclick="window.open('url('hotel/cancel-policy?NationCd='+NationCd+'&CityCd='+CityCd+'&CheckIn='+CheckIn+'&CheckOut='+CheckOut+'&Sgl='+Sgl+'&Dbl='+Dbl)', 'newwindow', 'width=300, height=250'); return false;">Cancel Policy</a></td>\
...
    </tr>');
...

。。。
附加元素（'\
...
\
...
');
...

但是，它不起作用

请尝试以下方法：

HTML into `<div id="node-id"></div>`



 Using innerHTML on a node:

    var node = document.getElementById('node-id');
    node.innerHTML= '<p>some dynamic html</p>';

HTML导入``
在节点上使用innerHTML：
var node=document.getElementById（'node-id'）；
node.innerHTML='一些动态html
'；

尝试以下方法：

HTML into `<div id="node-id"></div>`



 Using innerHTML on a node:

    var node = document.getElementById('node-id');
    node.innerHTML= '<p>some dynamic html</p>';

HTML导入``
在节点上使用innerHTML：
var node=document.getElementById（'node-id'）；
node.innerHTML='一些动态html
'；

您可以尝试运行此代码，关键是使用双引号包装此字符~

$（“#测试”）。单击(
函数（）{
$（'#add'）。追加（''）；
}
);

test
您可以尝试运行此代码，关键是使用双引号包装此字符~


$（“#测试”）。单击(
函数（）{
$（'#add'）。追加（''）；
}
);

测试
1。使用innerHTML

使用innerHTML是可行的，但它实际上覆盖了目标元素的所有子元素。如果元素为空，我相信它工作得很好。因此，正如Amitesh Kumar所回答的：

var node = document.getElementById('node-id');
node.innerHTML = '<p>some dynamic html</p>';

3。使用jQuery

jQuery有
append
函数，我相信在您的情况下应该可以工作

$( ".inner" ).append( "<p>Test</p>" );

$（“.inner”）。追加（Test
”；

请参阅：
1。使用innerHTML

使用innerHTML是可行的，但它实际上覆盖了目标元素的所有子元素。如果元素为空，我相信它工作得很好。因此，正如Amitesh Kumar所回答的：

var node = document.getElementById('node-id');
node.innerHTML = '<p>some dynamic html</p>';

3。使用jQuery

jQuery有
append
函数，我相信在您的情况下应该可以工作

$( ".inner" ).append( "<p>Test</p>" );

$（“.inner”）。追加（Test
”；

请参阅：
如何初始化elem？@geckob，
var elem=$parent.find（'.load'）.empty（）。如何在javascript中移动html标记（link href）？看来这只是写引语的问题。但我很困惑，这在普通js中不起作用，因为append希望接收节点对象而不是普通字符串。使用jQuery将起作用，因为它将把字符串转换为DOM元素，并在初始化elem时追加它？@geckob，
var elem=$parent.find（'.load'）.empty（）。如何在javascript中移动html标记（link href）？看来这只是写引语的问题。但我很困惑，这在普通js中不起作用，因为append希望接收节点对象而不是普通字符串。使用jQuery可以工作，因为它会将字符串转换为DOM元素并附加itI。我发现很难在我的案例中实现它。我的案例似乎只是写作中的引用而已。你让它变得如此困难，首先尝试简单的例子，然后尝试困难的一个，我认为你是新手。@AmiteshKumar-他可能也很难理解你的例子，因为
innerHTML
应该是一个属性，而不是一个方法
node.innerHTML='content
'
，而不是
node.innerHTML（“content
”）我发现很难在我的案例中实现它。我的案例似乎只是写作中的引用而已。你让它变得如此困难，首先尝试简单的例子，然后尝试困难的一个，我认为你是新手。@AmiteshKumar-他可能也很难理解你的例子，因为
innerHTML
应该是一个属性，而不是一个方法
node.innerHTML='content
'
，而不是
node.innerHTML（“content
”）为什么要将
innerHTML
作为函数编写？那只会出错。@JimboJonny:哪部分？@JimboJonny:我明白你的意思。正如艾米提斯回答的那样。所以我刚才复制了粘贴，没有太注意它。现在我修复了它。为什么要将
innerHTML
作为函数编写？那只会出错。@JimboJonny:哪部分？@JimboJonny:我明白你的意思。正如艾米提斯回答的那样。所以我刚才复制了粘贴，没有太注意它。现在我修好了，我需要你的帮助。听着，我需要你的帮助。看这里：