Javascript 在两个HTML注释行之间插入内容
例如,假设您具有以下设置:Javascript 在两个HTML注释行之间插入内容,javascript,jquery,html,Javascript,Jquery,Html,例如,假设您具有以下设置: <div class="blah"><!--start--><!-- stop --></div> 我想知道如何在“开始”和“停止”html评论行之间插入内容 我发现这有点有用,我设法让我的内容加载,但它继续加载到“停止”注释下面 有什么想法吗?好吧,我会硬编码: var content="Insert me in:)"; [].forEach.call(document.getElementsByClassNam
<div class="blah"><!--start--><!-- stop --></div>
我想知道如何在“开始”和“停止”html评论行之间插入内容
我发现这有点有用,我设法让我的内容加载,但它继续加载到“停止”注释下面
有什么想法吗?好吧,我会硬编码:
var content="Insert me in:)";
[].forEach.call(document.getElementsByClassName('blah'),function(e){
e.innerHTML=e.innerHTML.split('start--><!--stop')[0]+"start-->"
+content+
"<!--stop"+e.innerHTML.split('start--><!--stop')[1];
});
var content=“将我插入:)”;
[]forEach.call(document.getElementsByClassName('blah'),函数(e){
e、 innerHTML=e.innerHTML.split('start-->'
+内容+
“好吧,我将硬编码:
var content="Insert me in:)";
[].forEach.call(document.getElementsByClassName('blah'),function(e){
e.innerHTML=e.innerHTML.split('start--><!--stop')[0]+"start-->"
+content+
"<!--stop"+e.innerHTML.split('start--><!--stop')[1];
});
var content=“将我插入:)”;
[]forEach.call(document.getElementsByClassName('blah'),函数(e){
e、 innerHTML=e.innerHTML.split('start-->'
+内容+
“这将在
var newContent=“新建!”,
mergedContent=$('.blah').html().replace(“,”+newContent);
$('.blah').html(合并内容);
这将在
var newContent=“新建!”,
mergedContent=$('.blah').html().replace(“,”+newContent);
$('.blah').html(合并内容);
返回:
<div class="blah">
<!--start-->test<!-- stop -->
</div>
测试
返回:
<div class="blah">
<!--start-->test<!-- stop -->
</div>
测试
为什么不在开始和停止之间创建一个div,然后将内容附加到该div中?html中是否有我们可以看到的模式?这将有助于您了解它的实际用途是什么?@dbanet“谁说注释标记div的开始和结束?”问题中的例子是这样的。我觉得你正在寻找一种方法来理解这一点,但提问者并没有插入一百万个占位符,如果他是的话,我怀疑一百万个AJAX请求是正确的方法。我们所看到的只是一条带有一个div的评论。任何其他猜测都是毫无意义的。我们正在脱离主题。如果你能提问的话kly拼凑出一个JSFIDLE来说明它的价值,也许可以将它添加到您的答案中,我会很感激。但是这个对话太理论化了。为什么不在start和stop之间创建一个div,然后将内容附加到其中呢?您的html中是否有我们可以看到的模式?这将帮助您超越实际用途为此?@dbanet“谁说这些评论标志着div的开始和结束?”问题中的例子是这样的。我觉得你正在寻找一种方法来理解这一点,但提问者并没有插入一百万个占位符,如果他是的话,我怀疑一百万个AJAX请求是正确的方法。我们所看到的只是一条带有一个div的评论。任何其他猜测都是毫无意义的。我们正在脱离主题。如果你能提问的话kly拼凑一个JSFIDLE来说明这一点的价值,也许将其添加到您的答案中,我将不胜感激。但这段对话太理论化了。啊,对不起,“jQuery”徽章…我应该重写这个更牛的标签吗?您(使用此方法)会怎么做从外部html文件中拉入内容?假设您在另一个名为“bleh”的文件中有一个div,您会怎么做?您会定义一个指向该文件和div的变量,比如var$main=$('flooz/flaz.html#container\u burp.bleh')
?啊,对不起,“jQuery”徽章…我应该重写这个更牛的标志吗?^WjQueryish?您会怎么做(使用此方法)从外部html文件中拉入内容?假设您在另一个名为“bleh”的文件中有一个div,您将如何操作?您会定义一个指向该文件和div的变量,如var$main=$('flooz/flaz.html#container_burp.bleh')
?@dbanet-你是什么意思?上面的代码将在第一条评论(nodeType==8
)之后插入你的内容,不一定在
和
@dbanet之间-我说过你是吗?重新阅读代码并得到它…我真的必须发现jQuery:)@j08691-先生(或女士,我没有检查你的个人资料)你是灯笼的天才!只要稍加调整,它就会像梦一样工作。@dbanet-你是什么意思?上面的代码将在第一条注释(nodeType==8
)之后插入你的内容,不一定介于
和
@dbanet-我说过你是吗?重新阅读代码并获得它…我真的必须发现jQuery:)@j08691-您先生(或夫人,我没有检查您的个人资料)是灯笼的天才!稍加调整,它就像一场梦。问题是我不想替换注释,我只想在两条注释之间添加内容。如果我理解正确的话。替换(“,”“+newContent);
意思是:用
替换
和上面定义的新内容?难道不可能找到
注释并在之后插入内容吗?您将
替换为
加上与插入后具有相同结果的新内容。这不会影响的位置
在DOM中。你不知道确切的注释是什么吗?问题是我不想替换注释,我只想在两个注释之间添加内容。如果我理解正确。替换(“,”“+newContent);
意思是:用
替换
和上面定义的新内容?难道不可能找到
注释并在之后插入内容吗?您将
替换为
加上与插入后具有相同结果的新内容。这不会影响的位置
在DOM中。您不知道确切的注释是什么吗?