Javascript·ÃÎÊhtmlÒ³ÃæµÄ¿Ø¼þ
·ÃÎʿؼþµÄÖ÷Òª¶ÔÏóÊÇ:document¶ÔÏó¡£·Ö±ð¶ÔÓ¦µ±Ç°ÎĵµËùÓеģ¨×Ó¶ÔÏ󣩸öÈ˹۵㡣²¢ÇÒÒѾÌṩµÄ¼¸¸öÖ÷Òª·½·¨À´·ÃÎʶÔÏó¡£
1. document.getElementById
2. document.getElementsByName
3 document.getElementsByTagName
4 document.all
ÏÂÃæÎÒÖ÷Ҫ̸̸ÒÔÉϼ¸¸ö·½·¨µÄ¾ßÌåÓ÷¨£º
Ò»£®Ê×ÏÈÎÒÀ´Ì¸Ì¸document.getElementByIdµÄÓ÷¨¡£
Var obj=document.getElementById(“ID”) ¸ù¾ÝÖ¸¶¨µÄIDÊôÐÔÖµµÃµ½¶ÔÏó¡£·µ»ØidÊôÐÔÖµµÈÓÚIDµÄµÚÒ»¸ö¶ÔÏóµÄÒýÓ᣼ÙÈç¶ÔÓ¦µÄΪһ×é¶ÔÏó£¬Ôò·µ»Ø¸Ã×é¶ÔÏóÖеĵÚÒ»¸ö¡£
<input name=”a” type=”text” id=”b”/>
<input name=”b” type=”text” id=”a”/>
<input type=”button” name=”submint1” value=”text1” onclick=:”alert(document.getElementById(“b”)/>)”<input type=”button” name=”submint2” value=”text2” onclick=”alert(document.getElementById(“a”)/>)”ÎÒÔÚIEÖвâÊÔÁËÉÏÃæ´úÂ룬ÔÚµÚÒ»¸öÎı¾¿òÖÐÊäÈë1£¬ÔÚµÚ¶þ¸öÎı¾ÖÐÊäÈë2£¬È»ºóµã»÷Á½¸ö°´Å¥£¬´ó³ÔÒ»½ï¡£½á¹ûÁ½¸ö°´Å¥¶¼·µ»ØÁ˵ÚÒ»¸öÎı¾¿òµÄÖµ¡£Õâ˵Ã÷ÁËIEÖ´ÐÐdocument.getElementById(elementName)µÄʱºò£¬·µ»ØµÄÊǵÚÒ»¸öname»òÕßidµÈÓÚelementNameµÄ¶ÔÏ󣬲¢²»ÊǸù¾ÝIDÀ´²éÕҵġ£
µ«Ïà·´ÎÒÔÚfirefoxÖоͲ»´æÔÚÕâ¸öÎÊÌâ¡£FirefoxÖ´ÐÐdocument.getElementById(elementName)µÄʱºòÖ»ÄܲéÕÒIDµÈÓÚelementName¶ÔÏó£¬Èç¹û²»´æÔÚÔÚ·µ»Ønull.
¶þ£®ÏÂÃæ¿´¿´document.getElementsByNameµÄÓ÷¨¡£
Var obj=document.getElementsByName(“Name”)¸ù¾ÝNameÊôÐÔµÄÖµ»ñÈ¡¶ÔÏ󼯺ϡ£·µ»ØnameµÈÓÚÖ¸¶¨Name¶ÔÏóµÄ¼¯ºÏ¡£×¢ÒâÕâÀï·µ»ØµÄÊÇÒ»¸ö¼¯ºÏ£¬°üÀ¨Ö»ÓÐÒ»¸öÔªËØµÄÇé¿öÒ²ÊÇÒ»¸ö¼¯ºÏ¡£
document.getElementsByName("name")[0?1?2?3?....] ÕâÑùÀ´»ñȡijһ¸öÔªËØ¡£×¢ÒâjavascriptÖеļ¯ºÏȡһ¸öÖµ¿ÉÒÔÓÃ[]£¬Ò²¿ÉÒÔÓÃ()£¬£¨±¾È˲âÊÔͨ¹ý£¬µ«Ã»ÓÐ×ÊÁÏÕâôд£©¡£
È磺
<script>
function
Ïà¹ØÎĵµ£º
ÔÚJavascriptÖÐ×÷ÓÃÓòÊÇÓɺ¯Êý»®·ÖµÄ¡£
//ÉèÖÃÈ«¾Ö±äÁ¿foo
var foo = "test";
if(true){
var foo = "new foo";
}
//´ËʱfooΪ"new test"
alert(foo == "new foo");
function test(){
var foo = "old test";
}
//µ÷ÓÃʱ£¬fooÖ»ÔÚº¯Êý×÷ÓÃÓòÄÚÆð×÷ÓÃ
test();
//foo»¹ÊǵÈÓÚ"new test"
alert(foo == "new te ......
˵À´²ÑÀ¢£¬ÎÒ·¢ÏÖ×Ô¼ºÐ´µÄÄǸöhtml parse¹ýÓÚÀíÏ뻯£¬½âÎöxml»¹²î²»¶à£¬Ïë½âÎöÏÖ½ñµÄhtml£¬¹À¼ÆÊDz»´ó¿ÉÄܵģ¬ËùÒÔÎÒ°Ñ´úÂëÖØÐ´ÁËÒ»±é£¬Êý¾Ý½á¹¹¸Ä³ÉË«ÏòÁ´±í£¬ÕâÑù½âÎöËٶȸü¿ì£¬×î´ó³Ì¶ÈµØ¶Ôhtml½øÐÐÈÝ´í´¦Àí£¬ÊÔÑéʱ·¢ÏÖµÄÈ·¿ÉÒÔ½âÎöÆÕͨhtml×Ö·û´®£¬²»ÐèÒªÔÙÑϸñ·ûºÏÄǸöxhtml±ê× ......
ʼþÔ´¶ÔÏó
event.srcElement.tagName
event.srcElement.type
²¶»ñÊÍ·Å
event.srcElement.setCapture();
event.srcElement.releaseCapture();
ʼþ°´¼ü
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
ʼþ·µ»ØÖµ
event.returnValue
Êó±êλÖÃ
event.x
event.y
´° ......
insertAtCurson º¯Êý´úÁ½²ÎÊý·Ö±ðΪ¶ÔÏóºÍÊäÈëµÄ×Ö·û
function insertAtCursor(myField, myValue)
{
if (document.selection)
{
&nb ......