Javascript 使用bookmarklet将html插入网页

我想创建一个bookmarklet，在现有页面中的某个标记之后插入一个html标记，在本例中是下面的div。你会怎么做

<div class="links">
  <a href="http://example.com">Link</a>

  <-- Insert here -->

</div>

---

您只需使用以下功能：

javascript:document.getElementsByClassName('links')[0].getElementsByTagName('a')[0].outerHTML+='<!-- Insert here -->';

javascript:$('.links:eq(0) a:eq(0)').after('<!-- Insert here-->');

但这会将新内容添加到每个元素中的每个链接中，并带有

class=“links”

。如果希望它与上面的原生JS示例相同（仅选择

class=“links”

中的第一个链接），可以使用以下方法：

javascript:document.getElementsByClassName('links')[0].getElementsByTagName('a')[0].outerHTML+='<!-- Insert here -->';

javascript:$('.links:eq(0) a:eq(0)').after('<!-- Insert here-->');

javascript:$（'.links:eq（0）a:eq（0'）。在（''）之后；

您只需使用以下功能：

javascript:document.getElementsByClassName('links')[0].getElementsByTagName('a')[0].outerHTML+='<!-- Insert here -->';

javascript:$('.links:eq(0) a:eq(0)').after('<!-- Insert here-->');

但这会将新内容添加到每个元素中的每个链接中，并带有

class=“links”

。如果希望它与上面的原生JS示例相同（仅选择

class=“links”

中的第一个链接），可以使用以下方法：

javascript:document.getElementsByClassName('links')[0].getElementsByTagName('a')[0].outerHTML+='<!-- Insert here -->';

javascript:$('.links:eq(0) a:eq(0)').after('<!-- Insert here-->');

javascript:$（'.links:eq（0）a:eq（0'）。在（''）之后；

如果页面加载了jQuery，您只需尝试以下操作：

javascript:jQuery('<-- Insert here -->').insertAfter('.links a');

javascript:jQuery（“”）.insertAfter（'.links a'）；

在这种情况下，bookmarklet是：

javascript:(function(){jQuery('<--%20Insert%20here%20-->').insertAfter('.links%20a');})();

javascript:（function（）{jQuery（“”）.insertAfter（'.links%20a'）；}）（）；

若需要将其添加到.link>a的第一个出现处，请在insertAfter（'.links a'）.eq（0）之后添加

.eq（0）表示第一个元素，第二个元素表示.eq（1）等。 您可以使用其中一个联机bookmarklet generator来轻松创建，以下是一个：

---

如果页面加载了jQuery，您只需尝试以下操作：

javascript:jQuery('<-- Insert here -->').insertAfter('.links a');

javascript:jQuery（“”）.insertAfter（'.links a'）；

在这种情况下，bookmarklet是：

javascript:(function(){jQuery('<--%20Insert%20here%20-->').insertAfter('.links%20a');})();

javascript:（function（）{jQuery（“”）.insertAfter（'.links%20a'）；}）（）；

若需要将其添加到.link>a的第一个出现处，请在insertAfter（'.links a'）.eq（0）之后添加

.eq（0）表示第一个元素，第二个元素表示.eq（1）等。 您可以使用其中一个联机bookmarklet generator来轻松创建，以下是一个：

---

使用jQuery非常简单

javascript:$('.links').append("<a href='http://stackoverflow.com'>stack overflow</a>")

javascript:$（'.links'）.append（“”）

---

它只是简单地使用类

链接将一些html附加到元素中，使用jQuery它非常简单

javascript:$('.links').append("<a href='http://stackoverflow.com'>stack overflow</a>")

javascript:$（'.links'）.append（“”）

它只是用类
链接将一些html附加到元素中
jquery是否加载到目标页面？是的，我想是的，我从页面中引用了jquery.min.js。jquery是否加载到目标页面？是的，我从页面中引用了jquery.min.js。