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

我有一个包含HTML的变量。我只想提取节点的最后一个元素，然后使用纯香草JavaScript单击它

以下是我所拥有的：

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

var-rand='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);

//别忘了转义换行符
var rand='1〕\
\
';
var elt=document.createElement（'body'）；
elt.innerHTML=rand；
var links=elt.getElementsByTagName（'a'）；
var目标=links[links.length-1]；
//目标现在等于DOM树中的最后一个“a”元素
var clickEvent=newmouseevent（“单击”{
“视图”：窗口，
“泡沫”：没错，
“可取消”：false
});
target.dispatchEvent（点击事件）；

在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);

//别忘了转义换行符
var rand='1〕\
\
';
var elt=document.createElement（'body'）；
elt.innerHTML=rand；
var links=elt.getElementsByTagName（'a'）；
var目标=links[links.length-1]；
//目标现在等于DOM树中的最后一个“a”元素
var clickEvent=newmouseevent（“单击”{
“视图”：窗口，
“泡沫”：没错，
“可取消”：false
});
target.dispatchEvent（点击事件）；

到目前为止，您尝试了什么？var found=$（rand.filter（“.readmorelink”）；我知道如何使用jQuery，但这需要在Java中进行。看看为什么会出现否决票？那么到目前为止您尝试了什么？var found=$（rand.filter（“.readmorelink”）；我知道如何使用jQuery，但这需要在jQuery中进行，看看为什么在dispatchevent的重定向过程中会出现下行投票。是，因为

a

元素中的

href

属性。如果

href

是

//example.com/link to follow/

，前面有两个斜杠（如编辑的帖子中所示）或使用指定的协议（即：

https

），它会将您发送到

example.com

域，同时发送事件重定向。是，因为

a

元素中的

href

属性。如果

href

是

//example.com/link to follow/

，前面有两个斜杠（如编辑的帖子中所示）或使用指定的协议（即：

https

），它会将您发送到

example.com

域