[¶ÁÊé±Ê¼Ç][JavaScriptȨÍþÖ¸ÄÏ(µÚËÄ°æ)][DOM]
1.HTMLÎĵµÊ÷Ðαíʾ
2.Node[] Node.childNodes
//·µ»ØNode¶ÔÏóµÄËùÓÐ×Ö½Úµã
3.Node.firstChild / lastChild /nextSibling(ÏÂÒ»¸öÐֵܽڵã) / previousSibling (ÉÏÒ»¸öÐֵܽڵã) / parentNode
ÊôÐÔ
4.Node.appendChild() / removeChild() / replaceChild(oNewNode
,oOldNode
) / insertBefor(oNewNode,oChildNode
)
5.
³£ÓýڵãÀàÐÍ£º
6.ÉèÖÃÊôÐԵķ½·¨£º
string ELEMENT.getAttribute(sAttribute)
ELEMENT.setAttribute(sAttributeName,sAttributeValue)
ELEMENT.removeAttribute(sAttributeName)
7.ºËÐÄDOM API
8.//±éÀúÎĵµ½Úµã,¼Ç¼½ÚµãÊý
function countTags(node){
var numtags=0;
if(node.nodeType==1)
numtags++;
var children=node.childNodes;
for(var i=0;i<children.length;i++){
numtags+=countTags(children[i]);
}
return numtags;
}
9.ËÑË÷ÎĵµÖÐÌض¨ÔªËØ
collObjects
= object
.getElementsByTagName(
sTagName
)
oElement
= document
.getElementById(
sIDValue
)
10.´´½¨Îı¾ÔªËØ oTextNode
= document
.createTextNode(
[
sText
]
)
11.¸Ä±äÎı¾ÔªËصķ½·¨ÓÐ
TextNode.appendData(string data)
deleteData(nOffect,nCount) /*°ü»»nOffset*/
replaceData(nOffset,nCount,sString) /*nOffest¿ªÊ¼Î»ÖÃ,°üº¬nOffset;nCountÓ°ÏìÊý;sStringÌæ»»Îı¾*/
Ïà¹ØÎĵµ£º
±¾ÎÄת×Ô£ºhttp://www.felixwoo.com/archives/247
×î½üÔÚÍøÉϲéÔÄÁ˲»ÉÙJavascript±Õ°ü(closure)Ïà¹ØµÄ×ÊÁÏ£¬Ð´µÄ´ó¶àÊǷdz£µÄѧÊõºÍרҵ¡£¶ÔÓÚ³õѧÕßÀ´Ëµ±ð˵Àí½â±Õ°üÁË£¬¾ÍÁ¬ÎÄ×ÖÐðÊö¶¼ºÜÄÑ¿´¶®¡£×«Ð´´ËÎĵÄÄ¿µÄ¾ÍÊÇÓÃ×îͨË×µÄÎÄ×Ö½Ò¿ªJavascript±Õ°üµÄÕæʵÃæÄ¿¡£
Ò»¡¢Ê²Ã´ÊDZհü£¿
“¹Ù·½”µÄ½âÊÍÊÇ£º±Õ°üÊ ......
1.ÈçºÎÔÚjavascript·ÃÎÊC#±äÁ¿
·½·¨Ò»£ºÊ¹ÓÃ<%=%>
<input id="Button3" type="button" value="jsµ÷ÓÃc#±äÁ¿" onclick="return Button3_onclick()" />
function Button3_onclick()
{
alert('ÎÒµÄÃû×Ö£º'+ '<%=name %>'); ......
javascriptÆÀ¹ÀÓû§ÊäÈëÃÜÂëµÄÇ¿¶È
ÃÜÂëÒѾÊÇÎÒÃÇÉú»î¹¤×÷Öбز»¿ÉÉٵŤ¾ß,µ«Ò»¸ö²»°²È«µÄÃÜÂëÓÐÓÖÓпÉÄÜ»á¸øÎÒÃÇÔì³É²»±ØÒªµÄËðʧ¡£×÷ΪÍøÕ¾Éè¼ÆÕß,Èç¹ûÎÒÃÇÔÚÍøÒ³ÖÐÄܶÔÓû§ÊäÈëµÄÃÜÂë½øÐа²È«ÆÀ¹À,²¢ÏÔʾ³öÏàÓ¦µÄÌáʾÐÅÏ¢,ÄÇô¶ÔÓû§ÉèÖÃÒ»¸ö°²È«µÄÃÜÂ뽫Óкܴó°ïÖú¡£Í¬Ê±Ò²Ê¹µÃÍøÕ¾¸ü¾ßÈËÐÔ»¯,¸üÓÐÎüÒýÁ¦.
ʲôÊÇÒ» ......