Hice dinámicamente un botón usando Javascript, ahora necesito darle una ID a ese botón, lo intenté con
buttonElementBlokkeer.setAttribute("id", "buttonBlokkeer"); & buttonElementBlokkeer.id = "buttonBlokkeer"Ambos no están funcionando. Los botones están anidados en una sección que ya tiene una identificación, ¿podría ser esta una razón por la que no funciona?
HTML
<div id="divId"></div>JS
for (i = 1; i <= 3; i++) { var btn = document.createElement("BUTTON");// create button using java script btn.className = "btnsize"; btn.id = "btnid"+ i; var txt = document.createTextNode("Buttons"+i);//creat text on button btn.appendChild(txt);//attached text on button document.getElementById("divId").appendChild(btn);//atache button with text in div }Prueba esto:
let button = document.createElement('input'); button.setAttribute('type', 'BUTTON'); button.setAttribute('ID', 'buttonBlokkeer'); button.setAttribute('value', 'BUTTON'); button.setAttribute('onclick', 'test()'); document.body.appendChild(button); function test() { console.log("BUTTON !"); alert("BUTTON !"); }Esto es trabajo para mí. Puede usar la función getElementsByClassName() si desea acceder por nombre de clase.
<button id="changeId">Button1</button> <button onclick="update()">Update</button> <script> function update() { document.getElementById("changeId").id = "IdUpdated"; } </script>