#members { position: relative; display: inline-block; } #members-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1; } #members:hover #members-content { display: block; } <form> Group Name: <t> <input type="text"> <button name="joingrp"type="submit">Join Group</button> </form> <div id="members"> <span>Members in this group</span> <div id="members-content"> </div> <script> var memberarray=["member1","member2", "member3","member4"]; document.getElementById("members-content").innerhtml=memberarray; </script>No puedo obtener el contenido de la matriz cuando paso el mouse sobre "miembros de este grupo". No puedo usar de manera efectiva la función document.getElementById.
Use innerHTMl donde 'HTML' está en mayúsculas
var memberarray=["member1","member2", "member3","member4"]; document.getElementById("members-content").innerHTML=memberarray; #members { position: relative; display: inline-block; } #members-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1; } #members:hover #members-content { display: block; } <form> Group Name: <t> <input type="text"> <button name="joingrp"type="submit">Join Group</button> </form> <div id="members"> <span>Members in this group</span> <div id="members-content"> </div>