-
插入節(jié)點(diǎn) 注意：node.insertBefore(newnode,childnode);
為 在指定的node節(jié)點(diǎn) 的指定的childnode已有子節(jié)點(diǎn)前 插入新的子節(jié)點(diǎn)newnode。
查看全部 -
注意：mynode.appendChild(newnode)
是在指定節(jié)點(diǎn)mynode的最后一個(gè)子節(jié)點(diǎn)?之后?添加一個(gè)新的子節(jié)點(diǎn)。
查看全部 -
注意while (x && x.nodeType!=1) 中的x，即 while (x!=null && x.nodeType!=1)，當(dāng)此條件不成立即False時(shí)，說(shuō)明兩種情況：
x為null，表示 var x=n.nextSibling 中的n已經(jīng)沒(méi)有nextSibling。
x.nodeType = 1，表示x為元素節(jié)點(diǎn)。
在這兩種情況下，跳出while循環(huán)，返回x值。
查看全部 -
看示例代碼，注意while與if的選擇：
while語(yǔ)句屬于循環(huán)語(yǔ)句，在判斷是，如果條件為true，則會(huì)繼續(xù)判斷，直到false為止，即會(huì)進(jìn)行多次判斷(除非一開(kāi)始條件就是錯(cuò)的)
if語(yǔ)句屬于條件判斷語(yǔ)句，如果條件是true，則繼續(xù)執(zhí)行，為false則跳出語(yǔ)句不執(zhí)行，只會(huì)進(jìn)行單次判斷
***while與if語(yǔ)句的最大的相同點(diǎn)是：都有至少一步的判斷。
最大的不同點(diǎn)是：if語(yǔ)句運(yùn)行完畢后，接著運(yùn)行下面的語(yǔ)句。而While中的執(zhí)行語(yǔ)句運(yùn)行完畢后，還要進(jìn)行繼續(xù)判斷條件是否符合循環(huán)條件，根據(jù)判斷的條件，返回執(zhí)行語(yǔ)句或繼續(xù)運(yùn)行下面的程序。
查看全部 -
注意是3個(gè)parentNode，數(shù)的時(shí)候在代碼上數(shù)，不要在畫出的列表上數(shù)，容易遺漏
查看全部 -
Q: <input>標(biāo)簽是否必須放在<form>標(biāo)簽中，什么時(shí)候應(yīng)該要<form>包裹，什么時(shí)候不用？
A:?不是必須的，單獨(dú)使用沒(méi)必要寫在form標(biāo)簽內(nèi)，但是假如你需要利用input標(biāo)簽收集用戶信息并發(fā)送給后端，建議是寫在form標(biāo)簽內(nèi)
查看全部 -
node.lastChild
注意與：elementNode.childNodes[elementNode.childNodes.length-1] 是同樣的效果。?
查看全部 -
Q：為什么本節(jié)代碼里的 <div>后面的javascript和<p>標(biāo)簽的空格不算1個(gè)節(jié)點(diǎn)？
A：不論是無(wú)內(nèi)容的空白文本還是有內(nèi)容的非空白文本，都算是文本。在<div>與<p>標(biāo)簽之間，就是一個(gè)文本節(jié)點(diǎn)，代碼示例中的該文本節(jié)點(diǎn)內(nèi)容為“javascript”，比如你在“javascript”前后增加文字或刪除文字，只要是在標(biāo)簽之間，均作為一個(gè)文本節(jié)點(diǎn)存在，你更改的僅僅是該文本節(jié)點(diǎn)的nodeValue，并不會(huì)新增或減少節(jié)點(diǎn)。
查看全部 -
*** getAttribute()方法只能獲取元素中 已存在/自定義 屬性的屬性值，而nodeName是每一個(gè)節(jié)點(diǎn)自帶的靜態(tài)屬性而不是我們自己定義的屬性。驗(yàn)證如下：
<!DOCTYPE html>
<html lang="en">
<head>
? ? <meta charset="UTF-8">
? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">
? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">
? ? <title>Document</title>
</head>
<body>
? ? <p id="intro">我的課程</p> ?
? ? <ul> ?
? ? ? <li title="JS">JavaScript</li> ?
? ? </ul> ?
?
? <script type="text/javascript">
? ? var Lists=document.getElementsByTagName("li");
? ? ? document.write("1:"+ Lists[0].nodeName+"<br>");
? ? ? document.write("2:"+ Lists[0].nodeValue+"<br>");
? ? ? document.write("3:"+ Lists[0].nodeType+"<br>"); ? ? ? ?
? ? ? document.write("4:"+ Lists[0].getAttribute("title")+"<br>");
? ? ? document.write("5:"+ Lists[0].getAttribute(Lists[0].nodeName)+"<br>");
? ? ? document.write("6:"+ Lists[0].getAttribute(Lists[0].nodeValue)+"<br>");
? ? ? document.write("7:"+ Lists[0].getAttribute(Lists[0].nodeType)+"<br>");
? </script>
? </body>
? </html>
查看全部 -
<!DOCTYPE?html> <html?lang="en"> <head> ????<meta?charset="UTF-8"> ????<meta?http-equiv="X-UA-Compatible"?content="IE=edge"> ????<meta?name="viewport"?content="width=device-width,?initial-scale=1.0"> ????<title>Document</title> </head> <body> ????<p?id="intro">我的課程</p>?? ????<ul>?? ??????<li?title="JS">JavaScript</li>?? ????</ul>?? ? ??<script?type="text/javascript"> ????var?Lists=document.getElementsByTagName("li"); ??????document.write("1:"+?Lists[0].nodeName+"<br>"); ??????document.write("2:"+?Lists[0].nodeValue+"<br>"); ??????document.write("3:"+?Lists[0].nodeType+"<br>");???????? ??????document.write("4:"+?Lists[0].getAttribute("title")+"<br>"); ??????document.write("5:"+?Lists[0].getAttribute(Lists[0].nodeName)+"<br>"); ??????document.write("6:"+?Lists[0].getAttribute(Lists[0].nodeValue)+"<br>"); ??????document.write("7:"+?Lists[0].getAttribute(Lists[0].nodeType)+"<br>"); ??</script> ??</body> ??</html>
查看全部 -
注意：elementnode.getAttribute("title") 的引號(hào)，括號(hào)里若不加引號(hào) 代表括號(hào)里的是變量
查看全部 -
獲取元素節(jié)點(diǎn)：getElementById()、getElementsByTagName()
獲取元素節(jié)點(diǎn)某屬性的值，返回值為string屬性：elementnode.getAttribute("title")、elementnode.getAttribute("Name")、elementnode.getAttribute("Value")、
（注：elementNode：使用getElementById()、getElementsByTagName()等方法，獲取到的元素節(jié)點(diǎn)。）
獲取節(jié)點(diǎn)屬性，主要三個(gè)重要屬性（nodeName,nodeValue,nodeType）?？色@取元素節(jié)點(diǎn)、屬性節(jié)點(diǎn)、文本節(jié)點(diǎn)、文檔節(jié)點(diǎn)的屬性。
注：
-元素節(jié)點(diǎn)的 nodeName 與標(biāo)簽名相同
-屬性節(jié)點(diǎn)的 nodeName 是屬性的名稱
-文本節(jié)點(diǎn)的 nodeName 永遠(yuǎn)是 #text
-文檔節(jié)點(diǎn)的 nodeName 永遠(yuǎn)是 #document只有文本節(jié)點(diǎn)(text) / 注釋節(jié)點(diǎn)(comment) / 屬性節(jié)點(diǎn)(attr) 這三種節(jié)點(diǎn)類型才有nodeValue：
-元素節(jié)點(diǎn)的 nodeValue 是?undefined 或 null
-文本節(jié)點(diǎn)的 nodeValue 是文本自身
-屬性節(jié)點(diǎn)的 nodeValue 是屬性的值nodeName、nodeType 是只讀的。
*** getAttribute()方法只能獲取元素中 已存在/自定義 屬性的屬性值，而nodeName是每一個(gè)節(jié)點(diǎn)自帶的靜態(tài)屬性而不是我們自己定義的屬性。（待確認(rèn)）
查看全部 -
?元素節(jié)點(diǎn)：上圖中<html>、<body>、<p>等都是元素節(jié)點(diǎn)，即標(biāo)簽。
文本節(jié)點(diǎn):向用戶展示的內(nèi)容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
屬性節(jié)點(diǎn):元素屬性，如<a>標(biāo)簽的鏈接屬性href="http://idcbgp.cn"。
查看全部 -
if(hobby) 這個(gè)判斷是 判斷當(dāng)前元素是否為空。例如輸入7，就獲取不到元素，因?yàn)閺?fù)選框只有6個(gè)，如果元素不等于空則證明存在，存在就選中。
也可以寫 if(hobby != null)
查看全部 -
getElementById()是尋找唯一id的節(jié)點(diǎn)元素，Element是單數(shù),沒(méi)有加s
getElementsByName()和getElementsByTagName()是尋找 name="" 屬性和 <a><input><h2>等類似標(biāo)簽的集合，是一組值，返回的是數(shù)組（也有l(wèi)ength屬性）。所以這兩個(gè)用的Elements是復(fù)數(shù)，加s 注意細(xì)節(jié)。
查看全部 -
轉(zhuǎn)跳網(wǎng)站用location.assign("")來(lái)進(jìn)行；
記住要先設(shè)置計(jì)時(shí)器自動(dòng)開(kāi)始的時(shí)間'
document.getElementById("xxx").value,用于文本框之類的取值
document.getElementById("xxx").innerHTML,用于本例中的這類，注意體會(huì)。
查看全部
舉報(bào)