Como tornar um atributo dinâmico com javascript?

No componente botao-simples o atributo “idBotaoSimples” precisa ser passado flexível, ou seja, o desenvolvedor escolherá o nome desse atributo.

<div class="div-btn-carregar-mais-browser center">
  <componente:botao-simples 
   dsTituloBotaoSimples="${mk:getMessageLabel('label.padrao.carregar.mais')}" 
    idBotaoSimples="btn-carregar-mais-registros" 
    datasetBotaoSimples="data-carregar-mais" 
    classBotaoSimples="btn-carregar-mais-browser"
  />
</div>

Já no arquivo carregar-mais.js, o ID setado no componente será passado através de parâmetro na chamada do módulo _initCarregarMais e recebido pela função anônima getBotaoCarregarMaisRegistros conforme exemplo: getBotaoCarregarMaisRegistros = () => document.getElementById('PARÂMETRO');

const getBotaoCarregarMaisRegistros = () => document.getElementById('btn-carregar-mais');

function init(metodoCarregarMais, delegacaoDeEventos){
  getBotaoCarregarMaisRegistros() && getFormCarregarMais().id && 
  getBotaoCarregarMaisRegistros().addEventListener('click', () =>{
  aplicaClickCarregarMaisRegistros(metodoCarregarMais, delegacaoDeEventos);
}); 
}

export{
  init as _initCarregarMais
 }