JS 注入添加标签：为网页源码添加“加入书架”按钮

以下是一个示例，展示如何使用 JavaScript 将一个新的 HTML 标签添加到页面中并将其插入到 .imglist li 元素中的 a 标签下方：

1. 首先，找到所有的 .imglist li 元素。例如，可以使用以下代码：

var imgList = document.querySelectorAll('.imglist li');

2. 接下来，遍历所有的 .imglist li 元素并找到它们的 a 标签。例如，可以使用以下代码：

for (var i = 0; i < imgList.length; i++) {  
  var aTag = imgList[i].querySelector('a');
}

3. 然后，创建一个新的 HTML 元素并设置其属性。例如，要创建一个新的 a 标签并为其添加类名和内容，可以使用以下代码：

var newATag = document.createElement('a');
newATag.className = 'add-to-shelf';
newATag.innerHTML = '加入书架';

4. 接下来，将新的 a 标签插入到 imgList li 元素中的 a 标签下方。例如，可以使用以下代码：

imgList[i].insertBefore(newATag, aTag.nextSibling);

5. 最后，将新的 a 标签居中显示。例如，可以使用以下 CSS 样式：

.add-to-shelf {  
display: block;
margin: 0 auto;
text-align: center;
}

请注意，此示例仅用于演示如何添加新的 HTML 元素并将其插入到现有元素中。您可以更改要添加的标记类型，以及要添加的任何属性或内容。