怎么隱藏document輸出的內容？ 用一個按鈕；
<!DOCTYPE ?HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>數組</title>
<script type="text/javascript">
var myarr=['*','**','***','****'];
var length=myarr.length;
for(var i=0;i<length;i++)
document.write(myarr[i]+"</br>");
</div>
function showLen()
{
?alert("數組長度為"+length);
}?
?//將數組內容輸出，完成達到的效果。
</script>
</head>
<body>
? ? <form>
? ? ? ? <input type="button" onclick="showLen()" value="數組的長度">
? ? </form>
</body>
</html>
2017-01-19
你代碼里13行有錯誤，多了個‘</div>’，我給你改了，另外我自己寫的實現不知道符合你的需求不。
<!DOCTYPE??HTML> <html> <head> ????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/> ????<title>數組</title> ????<script?type="text/javascript"> ????var?myarr?=?['*',?'**',?'***',?'****']; ????var?length?=?myarr.length; ????for?(var?i?=?0;?i?<?length;?i++)?{ ????????document.write('<span>'?+?myarr[i]?+?"</br></span>"); ????} ????function?showLen()?{ ????????alert("數組長度為"?+?length); ????} ????setTimeout(function()?{ ????????var?d?=?document; ????????var?s?=?true; ????????var?spans?=?d.querySelectorAll('span'); ????????var?f?=?d.querySelector('form'); ????????var?btn?=?d.createElement('input'); ????????btn.setAttribute('type',?'button'); ????????btn.setAttribute('value',?'清除/顯示'); ????????f.appendChild(btn); ????????btn.addEventListener('click',?function()?{ ????????????if?(s?==?true)?{ ????????????????for?(var?i?=?0;?i?<?spans.length;?i++)?{ ????????????????????spans[i].style.display?=?'none'; ????????????????} ????????????????s?=?!s; ????????????}?else?{ ????????????????for?(var?i?=?0;?i?<?spans.length;?i++)?{ ????????????????????spans[i].style.display?=?'block'; ????????????????} ????????????????s?=?!s; ????????????} ????????}) ????},?300); ????</script> </head> <body> ????<form> ????????<input?type="button"?onclick="showLen()"?value="數組的長度"> ????</form> </body> </html>