在點(diǎn)擊函數(shù)里寫(xiě)document.write，，怎么不像之前一樣在原有的網(wǎng)頁(yè)內(nèi)容后面輸出呢
<!DOCTYPE HTML>
<html>
? ? <head>
? ? ? ? <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
? ? ? ? <title>無(wú)標(biāo)題文檔</title>
? ? </head>
? ??
? ? <body>
? ? ? ? <form>
? ? ? ? ? 請(qǐng)選擇你愛(ài)好:<br>
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby1" value="music">? 音樂(lè)
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby2" value="music">? 登山
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby3" value="music">? 游泳
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby4" value="music">? 閱讀
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby5" value="music">? 打球
? ? ? ? ? <input type="checkbox" name="hobby" id="hobby6" value="music">? 跑步 <br>
? ? ? ? ? <input type="button" value = "全選" onclick = "checkall()">
? ? ? ? ? <input type="button" value = "全不選" onclick = "clearall();">
? ? ? ? ? <p>請(qǐng)輸入您要選擇愛(ài)好的序號(hào)，序號(hào)為1-6:</p>
? ? ? ? ? <input id="wb" name="wb" type="text" >
? ? ? ? ? <input name="ok" type="button" value="確定" onclick = "checkone();">
? ? ? ? </form>
? ? ? ? <script type="text/javascript">
? ? ? ? function checkall(){
? ? ? ? ? ? var hobby = document.getElementsByTagName("input");
? ? ? ? ? ? for(i=0;i<hobby.length;i++)
? ? ? ? ? ? {
? ? ? ? ? ? ? ? if(hobby[i].type=="checkbox")
? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? //document.write(hobby[i].value+"<br>");? ?//問(wèn)題：在這里輸出內(nèi)容會(huì)把之前的網(wǎng)頁(yè)都清了，只有一個(gè)value的值在這里
? ? ? ? ? ? ? ? ? ? hobby[i].checked=true;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? // 任務(wù)1?
? ? ? ? ? ?
? ? ? ? }
? ? ? ? function clearall(){
? ? ? ? ? ? var hobby = document.getElementsByName("hobby");
? ? ? ? ? ? ?for(i=0;i<hobby.length;i++)
? ? ? ? ? ? {
? ? ? ? ? ? ? ? if(hobby[i].type=="checkbox")
? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? hobby[i].checked=false;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ?// 任務(wù)2? ??
? ? ? ? ? ??
? ? ? ? }
? ? ? ??
? ? ? ? function checkone(){
? ? ? ? ? ? var j=document.getElementById("wb").value;
? ? ? ? ? ? var j_id="hobby"+j;
? ? ? ? ? ? document.getElementById(j_id).checked=true;
? ? ? ? ?// 任務(wù)3
? ? ? ??
? ? ? ? }
? ? ? ??
? ? ? ? </script>
? ? </body>
</html>
2019-04-12
我的理解應(yīng)該是document.getElementByTagName()返回的元素?cái)?shù)組應(yīng)該是由這些元素的地址組成的數(shù)組（所以可以直接通過(guò)對(duì)數(shù)組元素修改屬性作用到頁(yè)面元素本身上），而不是把元素重新賦值到一個(gè)新數(shù)組。
所以第一次document.write()時(shí)，因?yàn)樵陧?yè)面成功加載成功后執(zhí)行document.write()會(huì)把頁(yè)面原有內(nèi)容清空，所以寫(xiě)完第一個(gè)music，再循環(huán)時(shí)由hobby[i]地址返回的元素都是空的了，于是不能輸出其它選項(xiàng)的value。
以上是我自己的理解，可能會(huì)有不對(duì)的地方
2019-03-14
for循環(huán)