Difference between a.click() in Firefox and Google

Question

code show as below

<!-- test.html -->
<button>Click</button>

//test.js
var btn = document.querySelector('button')
btn.onclick = () => {
    var a = document.createElement('a')
    a.href = 'https://www.baidu.com'
    a.target = '_blank'
    a.click()
}

Questions are as follows:

There is no response when clicking the button in Firefox, but you can create a new tab page by clicking the button in Google;
Add a statement to test.js

var btn = document.querySelector('button')
btn.onclick = () => {
    var a = document.createElement('a')
    a.href = 'https://www.baidu.com'
    a.target = '_blank'
    
    document.body.appendChild(a)
    
    a.click()
}

The rewritten code can run normally in both browsers. So I would like to ask my friends what is the reason for this, thank you?

Answer 1

Owner, didn’t you execute the click event just after you created it before adding it to the page?

Answer 2

The browser will parse the difference
But if you want to click a button to access the webpage, you can just use window.open or location.assign. Why do you need to create a dom?