javascript - 如何制作一个自动单击具有特定 rel 属性的 anchor 标记的按钮？

Question

我正在尝试制作一个 float 在右上角的按钮，用于单击 rel 属性设置为“next”的 anchor 标记。该标签的代码是: <a href="website" rel="next"><span class="meta-nav screen-reader-text">Next Post</span> Next Chapter</a>

到目前为止我已经写了这个:

    var button = document.createElement("Button");
    button.innerHTML = "Next";
    button.style = "top:0;right:0;position:fixed;z-index: 9999"
    button.onclick = function(){
        var x = document.querySelector("a");
        for (var i = 0; i < x.length; i++) {
            if(document.x[i].rel = "next"){
               window.location.href = x[i].href;
            }
        }
    }
    document.body.appendChild(button);

当我单击生成的按钮时，它不会单击 anchor 标记。有人可以帮忙吗？

Answer 1

你想要这样的东西:

var button = document.createElement("Button");
button.innerHTML = "Title";
button.style = "top:0;right:0;position:fixed;z-index: 9999"
button.onclick = function(){
  var x = document.querySelector("a[rel='next']");
  window.location.href = x.href;
}
document.body.appendChild(button);

查看这个jsfiddle:https://jsfiddle.net/nharding/f3m6h74r/18/