#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>
將滑鼠懸停在“此組中的成員”span 上時，我無法獲取陣列的內容。我無法有效地使用 document.getElementById 函式。
uj5u.com熱心網友回復：
使用innerHTMl其中“HTML”是在大寫
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>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/396701.html
標籤：javascript html css 数组