How to convert a jQuery object to html?

Question

Hello, I am trying to create a download button after the page content is deleted. I’m using jQuery to create the button, but I need the html to use as the "Document.write()" parameter. They can transform a jQuery object into an html string?

function criarBotaoDownload(){
    var botao = $("<a>");
    botao.attr("download", "download");
    botao.attr("href", enderecoDoArquivo);
    botao.text("Baixar!");

    //?????

    document.write(//Quero colocar o link aqui!);
}

criarBotaoDownload();

I thought to put inside a div and pull the value with ". innerHTML" but it seemed to me to be a great gambiarra so I came to ask here.

Thanks for your help.

Answer 1

You really don’t need to do this, let alone use the document.write; just use the function append jQuery:

function criarBotaoDownload(){
    var botao = $("<a>");
    botao.attr("download", "download");
    botao.attr("href", 'url');
    botao.text("Baixar!");

    $('body').append(botao);
}

criarBotaoDownload();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>