Насчёт логики согласен, думаю проблема в подходе к решению задачи.
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.0/css/bootstrap.min.css" integrity="sha384-SI27wrMjH3ZZ89r4o+fGIJtnzkAnFs3E4qz9DIYioCQ5l9Rd/7UAa8DHcaL8jkWt" crossorigin="anonymous">
</head>
<body>
<a href="javascript:void(0)">Link</a>
<script>
document.body.append(document.querySelector('body > a').cloneNode(true));
</script>
</body>
</html>
Правда js события не подцепятся.