Cas 1: Sélectionnez tout
Points de connaissance de l'application: ondblclick = () | onclick | Trouver des attributs de balises, des jugements et des applications de fonctions
<! Doctype% 20html> <html>% 20% 20 <A-then>% 20% 20% 20% 20 <Meta% 20Charset = "UTF-8">% 20% 20% 20% 20 <Title> </Title>% 20 % 20 </Ead>% 20% 20 <body>% 20% 20% 20% 20 <div>% 20% 20% 20% 20% 20% 20% 20% 20 <entrée% 20Type = "Button"% 20Value = "SELECT Tous "% 20ondblclick =" checkall () "% 20 / >% 20% 20% 20% 20% 20% 20% 20 <Input% 20Type = "Button"% 20Value = "Annuler"% 20ondBLClick = "cancleall ()"% 20 />% 20% 20% 20% 20% 20% 20% 20% 20% 20 <entrée% 20TYPE = "Button"% 20Value = "Underise"% 20ondblclick = "reversEALL ()"% 20 />% 20% 20% 20% 20% 20% 20 % 20 <Thead>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20 <tbody% 20id = "tb">% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 0% 20% 20% 20% 20% 20% 20% 20 </Tr>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 </TR>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 % 20% 20 </tr>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20 </tr>% 20% 20% 20% 20% 20% 20 </tbody>% 20% 20% 20 </pall Fonction% 20Checkall () {% 20% 20% 20% 20% 20% 20% 20% 20VAR% 20TB% 20 =% 20Document.GetElementy Id ('TB'); // Get TB, c'est-à-dire, corps% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 (var% 20i = 0; i <chèques.Length;% 20i ++) {% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20VAR% 20CURRENT_CHECK% 20 =% 20CHECKS [I]; // Obtenez la valeur de chaque entrée et attribuez un nom variable% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% LeALL () {% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 // [First, 2, 3, 4, 5] Vérification 20% =% 20 % 20% 20% 20% 20% 20% 20% 20% 20% 20 pour% 20 (var% 20i = 0; i <chèques.lengle;% 20i ++) {% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20% 20}% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% Corps% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20%. TementsByClassName ('C1');% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 // [Premier, 2, 3, 4, 5] Contances% 20 =% 20True% 20% 20% 20% 20% 20% 20% 20% 20% 20CHECK % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 </body> </html>Cas 2: seul choix
Vous ne pouvez en choisir qu'un et utiliser JS pour modifier ses options
Points de connaissance des applications: GetElementsbyTagname% 20 |% 20Cheked% 20 |% 20Mutex
<! Doctype% 20html> <html>% 20% 20 <Aad>% 20% 20% 20% 20 <Meta% 20Charset = "UTF-8">% 20% 20% 20% 20 <Title> </Title>% 20% 20 </Ead>% 20% 20 <Body>% 20% 20 % 20% 20 <ul>% 20% 20% 20% 20% 20% 20% 20% 20% 20 <li> <entrée% 20% = "Radio"% 20Name = "G"% 20Value = "11"% 20 /> Male </li>% 20% 20% 20% 20% 20% 20% 20% 20 <L i> <entrée% 20Type = "Radio"% 20Name = "G"% 20Value = "22"% 20 /> Femme </li>% 20% 20% 20% 20% 20% 20% 20 <! - Radio% 20 =% 20Document.ETTELElementsByTagname ('entrée)% 20% 20% 20% 20 [<inp UT% 20TYPE = "RADIO"% 20NAME = "G"% 20VALUE = "11">,% 20 <entrée% 20Type = "Radio"% 20NAME = "G"% 20VALUE = "11">,% 20 <entrée% 20Type = "RAD IO "% 20NAME =" G "% 20VALUE =" 11 ">]% 20% 20% 20% 20% 20RADIO [1]% 20% 20% 20% 20% 20% 20 <entrée% 20Type =" Radio "% 20NAME =" G "% 20VALUE =" 11 "> % 20% 20% 20 n .Value% 20% 20% 20% 20% 20% 20xo.Checked% 20% 20% 20% 20False% 20% 20% 20XO.Cecked% 20 =% 20True% 20% 20% 20% 20True ->% 20% 20 </body> </html>Cas 3: clonage
<! Doctype% 20html> <html>% 20% 20 <A-then>% 20% 20% 20% 20 <Meta% 20Charset = "UTF-8">% 20% 20% 20% 20 <Titl e> </Title>% 20% 20 </ad>% 20% 20 <Body>% 20% 20% 20% 20 <H2% 20ID = "H1"> 333% 20% 20% 20% 20% 20% 20 <Span> 1 23 </span>% 20% 20% 20% 20% 20% 20% 20% 20% 20 <span> 123 </span>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 0% 20% 20% 20 <a> 123 </a>% 20% 20% 20% 20 </h2>% 20% 20% 20% 20% 20 <div% 20id = "conteneur">% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 </ div>% 20% 20% 20% 20% 20 <cript>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% directement ajouté à 2 //% 20% 20% 20% 20% 20% 20VAR% 20NEWH% 20 =% 20H.CLONENODE (Vrai); // Non vrai, seul format de clonage //% 20% 20% 20% 20C.APPENDCHILD (NEWH); Après avoir ajouté True, il est complètement cloné à 2% 20% 20% 20% 20 </cript>% 20% 20 </body> </html>
Cas 4: Attributs personnalisés, obtenez des attributs personnalisés et modifiez le contenu de la balise
<! Doctype% 20html> <html>% 20% 20 <Aad>% 20% 20% 20% 20 <Meta% 20Charset = "UTF-8">% 20% 20% 20% 20% 20 <Title> </ Title>% 20% 20 </ head> 20% 20% <Body>% 20% 20% 20% 20% 20% 20% 20 // % 20% 20% 20% 20% 20 <entrée% 20Type = "Button"% 20OnClick = "func ()"% 20Value = "Cliquez moi "% 20 />% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 <div% 20class = "c1"% 20alex = 'sb'> 123 </div>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 <div% 20c lass = "c1"> 123 </div>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 <div% 20class = "C1"% 20alex = 'sb'> 123 </v>% 20 % 20% 20% 20% 20% 20 <div% 20class = "c1"> 123 </div>% 20% 20% 20% 20 </div>% 20% 20% 20% 20% <script>% 20% 20% 20% 20 Fonction% 20func () {% 20% 20% 20% 20% 20% 20 // I1All Enfants, Loop 20%. 0I1% 20 =% 20Document.ETELlementByid ('I1')% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 pour% 20 (% 20VAR% 20I% 20 = 0;% 20i <divs.legth; i ++) {% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 Cur Rent_Div% 20 =% 20divs [i];% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20IF ESULT% 20 ==% 20'sb ') {% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20}% 20% 20% 20% 20% 20}% 20% 20% 20 </cript> script> script> 20% 20% </ body> </html> 20% 20% </primer> Script> Script> 20% 20% </ Body>Cas 5: Trois façons d'obtenir les valeurs dans la zone d'entrée
<! Doctype% 20html> <html> <adhead>% 20% 20 <Title> </Title>% 20% 20 <Meta% 20Charset = "UTF-8"% 20 /> </Ead> <Body>% 20% 20 <div% 20ID = "inp">% 20% 20% 20% 20 </v>% 20 </v>% 20 20% 20% 20% 20% 20 </v>% 20 </v>% 20 % 20 <entrée% 20Type = "Text"% 20class = "aa" />% 20% 20 <entrée% 20Type = "Button"% 20Value = "add"% 20Onclick = "func ();"% 20 />% 20% 20% 20% 20% 20 <divis 20ID = "LIS">% 20% 20% 20% 20% 20 <divis 20ID = "LIS">% 20% 20% 20% 20% 20 <divis 20ID = "LIS">% 20% 20% 20 % 20 <ul>% 20% 20% 20% 20% 20% 20% 20 <li> Pork braisé </li>% 20% 20% 20% 20% 20% 20 <li> Braised Elbow </li>% 20% 20% 20% 20% 20 <li> Braissed Fish </li>% 20% 20% 2 0% 20% 20VAR% 20INP_AA% 20 =% 20Document.GetElementsByClassName ('aa');% 20% 20% 20% 20Inp_aa [0] .Value% 20 =% 20'braised Hairfish '; // équivalent à la saisie de contenu% 20% 20 dans la boîte d'entrée </cript> <! Doctype% 20html> <html> <adhead>% 20% 20 <Title> </ Title>% 20% 20 <Meta% 20Charset = "UTF-8"% 20 /> </Ead> <Body>% 20% 20 <div% 20id = "inp">% 20% 20% 20% </v>% 20% <entrée% 20Type = "Text"% 20CLA 20CLA ss = "aa" />% 20% 20 <entrée% 20Type = "Button"% 20Value = "add"% 20OnClick = "func ();"% 20 />% 20% 20 </v>% 20% 20 <div% 20id = "lis">% 20% 20% 20 <div% 20id = "lis">% 20% 20 <div% 20id = "LIS"> % 20% 20 <ul>% 20% 20% 20% 20% 20% 20% 20% 20 <li> Porat braisé </li>% 20% 20% 20% 20% 20% <li> Braised Elbow </li>% 20% 20% 20% 20 </div>% 20% 20% 20 <Script>% 20% 20% 20% 20VAR% 20C% 20 =% 20Document.QuerySelector ('. Aa'); // requête sélecteur% 20. est l'ID de distinction, la syntaxe de la balise% 20% 20% 20C.Value% 20 =% 20'BRAISED AUGBOLAGE ';% 20% 20% 20% 20 </cript> </body> </html>Méthode 2: Requête
<! Doctype% 20html> <html> <adhead>% 20% 20 <Title> </ Title>% 20% 20 <Meta% 20Charset = "UTF-8"% 20 /> </Ead> <Body>% 20% 20 <div% 20id = "inp">% 20% 20% 20 </ div. >% 20% 20 <entrée% 20Type = "Text"% 20ID = "AA" />% 20% 20 <entrée% 20Type = "Button"% 20VALUE = "ADD"% 20OnClick = "Func ();"% 20 />% 20% 20 </div>% 20% 20 <div% 20id = "Li S ">% 20% 20% 20% 20 <ul>% 20% 20% 20% 20% 20% 20% 20 <li> Porc braisé </li>% 20% 20% 20% 20% 20% 20 <li> Braised Elbow </li>% 20% 20% 20% 20% 20 </ul>% 20% 20 </div>% 20% 20% 20 <Script>% 20% 20% 20% 20VAR% 20C% 20 =% 20Document.GetElementById ('AA');% 20% 20% 20C.VALUe% 20 =% 20'braised 20% 20% 20c. Aubergine ';% 20% 20% 20% 20% 20 </cript> </ body> </html>Méthode 3: ID
Cas 6:
% 20 // 'avantbegin', 'afterbegin' /% 20'beforeend '/' afterend '
<! Doctype% 20html> <html>% 20% 20 <A-then>% 20% 20% 20% 20 <Title> </Title>% 20% 20% 20% V% 20ID = "inp">% 20% 20% 20% 20 </div>% 20% 20% 20% 20 <entrée% 20Type = "Text"% 20 />% 20% 20% 20% 20% 20 <Entrée% 20Type = "Button"% 20VALUE = "add"% 20Onclick = "Addelen (this)" % 20 />% 20% 20% 20% 20 </div>% 20% 20% 20% 20% 20% 20 <div>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 <li> Pork </li>% 20% 20% 20% 20% 20 <li> Elbow BRAID < / li>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 <li> Fish braisé </li>% 20% 20% 20% 20% 20% 20 </ul>% 20% 20% 20% 20% 20 </v>% 20% 20% 20% 20% 20% 20% 20% 20 Fonction% 20 addelen (ths)% 20 {% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20VAR% 20AAA% 20 =% 20THS.PREVIANTELlementsibling.Value;% 20% 20% 20% 20% 20% 20% 20AL ERT (AAA)% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% (LIS T_LI)% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20% 20% 20% 20% 20% 20LIST_LI.InsertAdjacenthtml ("Beforend",% 20BBB)% 20% 20% 20% 20% 20% 20% 20% 20}% 20% 20% 20 </ Script>% 20% 20 </ body> </html> <! Doctype% 20html> <html>% 20% 20 <Aad>% 20% 20% 20% 20 <Title> </Title>% 20% 20% 20% <Meta% 20Charset = "UTF-8"% 20 />% 20% 20 </EAD>% 20% 20% 20 <Body>% 20% 20 % 20% 20 <div% 20id = "inp">% 20% 20% 20% 20 </div>% 20% 20% 20% 20% 20 <entrée% 20Type = "Text"% 20 />% 20% 20% 20% 20% 20 <entrée% 20pe = "Button"% 20Value = "Ajouter"% 20on 20 Click = "Addelen (this)"% 20 />% 20% 20% 20% 20 </div>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% t>% 20% 20% 20% 20% 20% 20% 20% 20 fonction% 20Addelen (ths) {% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20%. ul% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 TAG% 20 =% 20Document T. Création ('Li'); // Création li% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20LIS % 20% 20% 20% 20}% 20% 20% 20 </cript>% 20% 20 </ody> </html> <! Doctype% 20html> <html>% 20% 20 <A-then>% 20% 20% 20% 20 <Meta% 20Charset = "UTF-8">% 20% 20% 20% 20 <Title> </ Title>% 20% 20 </ad>% 20% 20 <body>% 20% 20% 20% 20 <div>% 20% 20% 20% 20% 20% 20% 20% 20 <entrée% 20Type = "Text"% 20 />% 20% 20% 20% 20% 20% 20% 20% 20 <entrée% 20pe = "mais ton "% 20value =" add "% 20Onclick =" addElement (this) "% 20 />% 20% 20% 20% 20 </div>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% </ul>% 20% 20% 20% 20 </div>% 20% 20% 20% 20% 20% 20 <script>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 // Eggin ',' Afterbegin '/% 20'Beforeend' / 'Afterend'% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 // Close-ajustement% 20% 20% 20% 20% 20% 20% 20% 20% 20 // Après les% de 20 clôtures externes //% 20 20 % 20% 20 n 20% 20% 20% 20% 20% 20% 20% 20% 20TAG.InnerText% 20 =% 20Document.CreateElement ('li');% 20% 20% 20% 20% 20% 20% 20% 20TAG.InnerText% 20 =% 20 VAL;% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% TAG.App endchild (temp);% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 Console.log (commentaire de commentaires.Cas 7:
<! Doctype% 20html> <html>% 20% 20 <Aad>% 20% 20% 20% 20 <Meta% 20Charset = "UTF-8">% 20% 20% 20% 20% 20% 2 0Height:% 2040px;% 2040px;% 2040px;% 2040px;% 2040px;% 2040px;% 20% 20% 20% 20% 20Height:% 2040px;% 2 0% 20% 20% 20% 20% 20}% 20% 20% 20% 20% 20% 20% .gg {% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20 </ style>% 20% 20 </head>% 20% 20 <body>% 20% 20% 20% 20% 20% 20% 20 <p> Lorsque la souris entre oui, supprimez le contenu </p>% 20% 20% 20% 20 <P> Contenu "% 20Onfocu s =" focus (this) "% 20onblur =" blur (this) "% 20 />% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 // Document de la première façon de trouver% 20% 20% 20% 20% 20% 20% 20 // Document. . % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20if% 20 (current_val% 20 ==% 20 "Veuillez entrer content"){%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20Function% 20blur (ths)% 20 {% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20If 20Current_Val.Trim (). % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20THS.Value% 20 =% 20'Pease Entrez le contenu ';% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20%}% 20% 20%Cas 8: menu de tête
<! Doctype% 20html> <html>% 20% 20 <A-then>% 20% 20% 20% 20 <Title> </Title>% 20% 20% 20% 20% 20 <Meta% 20Charset = "UT F-8 "% 20 />% 20% 20% 20% 20% 20% 20% 20% 20% 20.PG_TOP% 20.MENU% 20 {% 20% 20% 20% 20% 20% 20% 20% 20% 20background-Colo R:% 20Gold;% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20font-taille:% 2025px;% 20% 20% 20% 20% 20% 20}% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 0% 20% 20% 20% 20% 20% 20% 20background-Color:% 20 Burlywood;% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20%. 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 </ style>% 20% 20% 20% 20% 20% </ head>% 20% 20 <Body>% 20% 20% 20% 20% 20 <div% 20class = "pg_top">% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20 <div% 20class = "item"% 20con = "h2"% 20Onclick = "show (this)"> Guijie </div>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 <D IV% 20ID = "Contenu"% 20Class = "Contenu">% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 <div 20class = "Hide"% 20c sur = "H3" bar </div>% 20% 20% 20% 20% 20% 20 </div>% 20% 20% 20% 20 </div>% 20% 20% 20% 20% 20% 20 <Script>% 20% 20% 20% 20% 20% 20 fonction% 20how (ths)% 20 {% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 0baba% 20 =% 20ths.parerentelement.children;% 20 // Obtenez chaque élément enfant% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% pour% 20i ++)% 20 {% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 Si% 20 (Ths% 20 ==% 20BABA [I])% 20 {% 20 // porter un jugement, % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20BABA [I] .classList.Remove ('BK')% 20 // Supprimer Attributs% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20VAR 20Current_ConCon ElementByid («Contenu»). Enfants;% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 pour% 20 (j = 0;% 20j <current_con.length; j ++)% 20 {% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% Rent_Con [J] .GetAttribute ('Con')% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20} else {% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20%}% 20% 20 20 </primer> Script> 20% 20% </ Body> </ HTML> 20% <! Doctype% 20html> <html>% 20% 20 <A-then>% 20% 20% 20% 20 <Meta% 20Charset = "UTF-8">% 20% 20% 20% 20% 20% 20 <Title> </Title>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 0;% 20% 20% 20% 20}% 20% 20% 20% 20ul% 20li {% 20% 20% 20% 20% 20% 20% 20% 20% 20%}% 20% 20% 20% 20% 20% 20% 20% 20 Couleur:% 20white;% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20PADDING:% 208px% 2010px;% 20% 20% 20% 20% 20% 20}% 20% 20% 20% 20% 20.ClEARFIX: après {% 2 0% 20% 20% 20% 20% 20Display:% 20block;% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20. % 20.tab-menu% 20.Title {% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20.TAB-MENU% 20.Title% 20.active {% 20% 20% 20% 20% 20% 20% 2 0% 20% 20background-Color:% 20white;% 20% 20% 20% 20% 20% 20% 20% 20% 20}% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20 Border:% 201px% 20Solid% 20 # dddddd;% 20% 20% 20% 20% 20min-height:% 20150px;% 20% 20% 20% 20% 20% 20}% 20 % 20 moins à; ">% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 >% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 0Target = 'H3'% 20OnClick = "Show (this)"> Tianshahai </li>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20% 20 n Jambes d'agneau </div>% 20 % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 </div>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 <Script>% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 // tHS indique le courant 20% 20% 20% 20% 20% 20% 20 // THS INCATE TAG% 20% 20% 20% 20% 20% 20% 20% 20VAR% 20TARGET% 20 =% 20THS.GetAttribute ('Target') // H3% 20% 20% 20% 20% 20% 20% 20% 20% 20 // Ajouter un style Active% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20ths.classname% 20 =% 20'cactive ';% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20VAR% 20Brothers% 20 =% 20ths.Parentelement.Children;% 20% 20% 20% 20% 20% 20% 20% 20% 20 pour (var% 20i = 0; i <br Autres.Length; i ++) {% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20Brothers [i]. % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20Console tentes)% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 var% 20con% 20 =% 20Current_content.getAttribute ('Con')% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20%Cas 9: Retour au sommet
Points de connaissance principaux: Onscroll% 20 et document.body.scrolltop;
<!DOCTYPE%20html><html>%20%20<head>%20%20%20%20<meta%20charset="UTF-8">%20%20%20%20%20%20<title></title>%20%20%20%20%20%20%20%20%20.go-top{%20%20% 20% 20% 20% 20 Position:% 20Fixed;% 20% 20% 20% 20% 20% 20% 20 Position:% 20Fixed;% 20% 20% 20% 20% 20% 20% 20 Position:% 20Fixed;% 20% 20% 20% 20% 20% 20% 20 Position:% 20Fixed; % 20% 20% 20% 20% 20% 20% 20% 20 Position:% 20%;% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 2 0% 20% 20% 20% 20% 20% 20RIGHT:% 2020px;% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% kgoldenrod;% 20% 20% 20% 20% 20% 20% 20% 20% 20 Couleur:% 20white;% 20% 20% 20% 20% 20% 20% 20}% 20% 20% 20% 20% 20% 20% 20% 20% 20 <B ody% 20onscroll = "func ();">% 20% 20% 20% 20% 20 <div% 20id = "i1"% 20style = "Height:% 202000px;% 20background-Color:% 20G Reenyellow; ">% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 </v>% 20% 2 0% 20% 20 <div% 20id = "i2"% 20class = "Go-top% 20Hide">% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20Function% 20func () {% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20VAR% 20Scrolltop% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% % 20if (scrolltop> 100) {% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20II.classList.remove ('masquer'); // Retirez-le pour afficher % 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20 % 20}% 20% 20% 20% 20% 20% 20% 20}% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20% 20}% 20% 20% 20% </ Script>% 20% 20 </ body> </html>Cas 10:
Principaux points de connaissance:
// défilement% 20 défilement; Le sens de Scroll
//% 20Scrolltop:% 20 Hauteur de la barre de défilement du haut
//% 20ScrollHeight:% 20 Hauteur du document: lui-même + rembourrage
//% 20ClientTop:% 20 Hauteur de bordure
//% 20ClientHeight:% 20 La gamme actuelle Hauteur visible: lui-même% 20 +% 20padding
// compense% 20 Impression de sens
//% 20OffsetTop:% 20 La hauteur de l'étiquette actuelle de "haut" (corps)
//% 20 S'il n'y a pas de message dans son niveau précédent, s'il y en a, la balise de position est principalement basée sur la balise de position.
//% 20offsetheight:% 20 La hauteur de sa propre gamme: lui-même + padding + bordure
<! Doctype html> <html> <éadf> <meta charset = "utf-8"> <tapie> </ title> </ head> <pody> <div style = "height: 20px; background-color: verte;"> </div> <! - Head -> <div style = "border: 5px rose solide; padding: 10px;"> <! Style = "Height: 200px; débordement: auto; largeur: 400px; marge: 0 auto; bordure: 15px rouge solide; rembourrage: 3px;" > <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <v> sdf </ div> <div> sdf </ div> <v> sdf </ div> <v> sdf </ div> <v> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <v> sdf </ div> <div> sdf </ div> <v> sdf </ div> <v> sdf </ div> <v> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <v> sdf </ div> <div> sdf </ div> <v> sdf </ div> <v> sdf </ div> <v> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <v> sdf </ div> <div> sdf </ div> <v> sdf </ div> <v> sdf </ div> <v> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </div> <v> sdf </div> <v> sdf </div> <div> sdf </div> <v> sdf </ div> </ div> <v> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </ div> <div> sdf </div> <v> sdf </div> <v> sdf </div> <div> sdf </div> <v> sdf </ div> </ div> <v> sdf </ div> <div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div><div>sdf</div> <div>sdf</div> <div>sdf</div> </div> </div> </div> </div> </div> <script> var ii = document.getElementById('xo') console.log(ii.scrollTop) console.log(ii.scrollHeight) console.log(ii.clientTop) console.log(ii.clientHeight) console.log(ii.offsetTop) console.log(ii.offsetHeight) //scroll Scroll; scroll meaning // scrollTop: scrollbar height from the top // scrollHeight: Document height: itself + padding// clientTop: border height // clientHeight: visible range height: itself + padding //offset Print meaning // offsetTop: The current label distance from the "top" (body)// If there is no post on the previous level, if there is one, the position label is mainly used // offsetHeight: The visible range height: itself + padding+border </script> </body></html>好了,暂时就介绍到这里希望大家多写多练,主要是其中的逻辑,当然现在很多人都开始使用jquery了,大家也多注意。