javascript - 如何使用 vanilla JS 从字符串中获取 HTML 元素

Question

我有一个包含 HTML 的变量。我想要做的就是提取节点的最后一个元素并使用纯普通 JavaScript 单击它。

这是我所拥有的:

var rand = '
 <div class="readmorelink"> 
   <a href="example.com/link-to-follow/">
   Continue Reading        
   </a> 
 </div>';

Answer 1

在 Vanilla JS 中，你可以创建一个 DOM 元素并将其 innerHTML 设置为你拥有的字符串，它会自动重现其中的 DOM 结构:

// Don't forget to escape newlines
var rand = '<div class="readmorelink">\
    <a href="//example.com/link-to-follow/">Continue Reading</a>\
 </div>';
var elt = document.createElement('body');
elt.innerHTML = rand;
var links = elt.getElementsByTagName('a');
var target = links[links.length - 1];

// Target now equals the last 'a' element in the DOM tree

var clickEvent = new MouseEvent("click", {
    "view": window,
    "bubbles": true,
    "cancelable": false
});

target.dispatchEvent(clickEvent);