CSS:
.dynamicDiv {
width:200px;
border:solid 1px #c0c0c0;
background-color:#e1e1e1;
font-size:11px;
font-family:verdana;
color:#000;
padding:5px;
}
Run Code Online (Sandbox Code Playgroud)
使用Javascript:
//create array
var myNames=new Array();
//var nameString=document.getElementById(myNames.toString())
function addToDiv()
{
//1) add name to div
document.getElementById('divName').innerHTML = document.getElementById('divName').innerHTML + document.getElementById('enter_name').value + "<br>";
//2) now add the value to an array
myNames.push(document.getElementById('enter_name').value);
//strHTML = document.getElementById('divName').innerHTML + document.getElementById('enter_name').value + "<br>";
//document.getElementById('divName').innerHTML = strHTML;
}
function displayMessage()
{
//debugger;
var strMessage = "Welcome to this page ";
//loop throught the array and add the element values to strMessage
for(i=0;i<=myNames.length-1;i++) …Run Code Online (Sandbox Code Playgroud)