الحالة 1: حدد الكل
نقاط معرفة التطبيق: OnDblClick = () | onclick | البحث عن سمات العلامات والأحكام والوظائف تطبيقات
<! doctype ٪ 20html> <html> ٪ 20 ٪ 20 <Head> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <meta ٪ 20Charset = "UTF-8"> ٪ 20 ٪ 20 ٪ 20 </title> ٪ 20 ٪ 20 </Head> ٪ 20 ٪ 20 <Body> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <Div> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <Input ٪ 20type = "Button" ٪ 20Value = "SELECT جميع "٪ 20OndBlclick =" CheckAll () "٪ 20/ > ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <الإدخال ٪ 20type = "زر" ٪ 20value = "إلغاء" ٪ 20ondblclick = "cancleall ()" ٪ 20/> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <Input ٪ 20type = "button" ٪ 20Value = "und underct" ٪ 20OndBlclick = "REVERSEALL ()" ٪ 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 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20. 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 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 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 ٪ 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 </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 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 2 0 ٪ 20 </tr> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 </tbody> ٪ 20 ٪ 20 ٪ 20 ٪ </table> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ // الوظيفة ٪ 20Checkall () {٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20VAR ٪ 20tb ٪ 20 = ٪ 20Document.iteedby معرف ('tb') ؛ // GET 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 (var ٪ 20i = 0 ؛ i <checks.length ؛ ٪ 20i ++) {٪ 20 ٪ 2 0 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20var ٪ 20current_check ٪ 20 = ٪ 20Checks [i] 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 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ // [First ، ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 بالنسبة إلى ٪ 20 (var ٪ 20i = 0 ؛ i <checks.Length ؛ ٪ 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 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20Var ٪ 20TB ٪ 20 = ٪ 20DOCUMITY.GetElementByid ('tb') Body ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20checks ٪ 20 تويبل TelementsByClassName ('C1') ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 // [الأول ، 2 ، 3 ، 4 ، 5] ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 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 ٪ 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 ٪ </html> الحالة 2: اختيار واحد
يمكنك اختيار واحدة فقط ، واستخدام JS لتغيير خياراتها
نقاط معرفة التطبيق: getElementsByTagname ٪ 20 | ٪ 20Checked ٪ 20 | ٪ 20Mutex
<! doctype ٪ 20HTML> <HTML> ٪ 20 ٪ 20 <Head> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <Meta ٪ 20Charset = "UTF-8"> ٪ 20 ٪ 20 ٪ 20 <title> </title> ٪ 20 ٪ </Head> ٪ 20 ٪ 20 <body> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <ul> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <li> <Input ٪ 20type = "Radio" ٪ 20Name = "G" ٪ 20Value = "11" ٪ 20/> ذكر </li> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 20 <L. i> <input ٪ 20type = "radio" ٪ 20name = "g" ٪ 20value = "22" ٪ 20/> أنثى </li> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <! UT ٪ 20type = "Radio" ٪ 20Name = "G" ٪ 20Value = "11"> ، ٪ 20 <Input ٪ 20type = "Radio" ٪ 20Name = "G" ٪ 20Value = "11"> ، ٪ 20 <Input ٪ 20type = "rad IO "٪ 20name =" g "٪ 20value =" 11 ">] ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20Radio [1] ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ <input ٪ 20type =" radio "٪ 20name =" G "٪ 20Value =" 11 "> ٪ 20 ٪ 20 ٪ 20 ٪ 20xo ٪ 20 = ٪ 20Radio [1] ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <Input ٪ 20type = "Radio" ٪ 20name = "G" ٪ 20Value = "11"> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20xo . value ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20xo.checked ٪ 20 ٪ 20 ٪ 20 ٪ 20false ٪ 20 ٪ 20 ٪ 20xo.checked ٪ 20 = ٪ 20true ٪ 20 ٪ 20 ٪ 20 ٪ 20true-٪ 20 ٪ 20 </body> </html> الحالة 3: الاستنساخ
<! doctype ٪ 20html> <html> ٪ 20 ٪ 20 <Head> ٪ 20 ٪ 20 ٪ 20 ٪ <meta ٪ 20charset = "UTF-8"> ٪ 20 ٪ 20 ٪ 20 ٪ <TITL e> </title> ٪ 20 ٪ 20 </head> ٪ 20 ٪ 20 <Body> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <H2 ٪ 20ID = "H1"> 333 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ <span> 1 23 </span> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ <span> 123 </span> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 20 <span> 123 </span> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ </span> 123 ٪ 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 = "حاوية"> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 </fiv> ٪ 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 ٪ 20 ٪ 20///سي تمت إضافة مباشرة إلى 2 // ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20var ٪ 20newh ٪ 20 = ٪ 20H.Clonenode (صحيح) بعد إضافة صواب ، يتم استنساخه تمامًا إلى 2 ٪ 20 ٪ 20 ٪ 20 ٪ 20 </script> ٪ 20 ٪ 20 </body> </html> الحالة 4: سمات مخصصة ، احصل على سمات مخصصة وتغيير محتوى العلامة
<! doctype ٪ 20html> <html> ٪ 20 ٪ 20 <Head> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <meta ٪ 20charset = "UTF-8" ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 // ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <الإدخال ٪ 20type = "button" ٪ 20onclick = "func ()" ٪ 20Value = "Click ME "٪ 20/> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 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 </iv> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 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 </div> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <Div ٪ 20Class = "C1"> 123 </div> ٪ 20 ٪ 20 ٪ 20 ٪ 20 </div> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <SCRIPT> ٪ 20 ٪ 20 ٪ 20 ٪ 20 function ٪ 20func Alex = 'SB' ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20var ٪ 2 0i1 ٪ 20 = ٪ 20Document.getElementByID ('i1') ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 20 20 بالنسبة إلى ٪ 20 (٪ 20var ٪ 20i ٪ 20 = 0 ؛ ٪ 20i <divs.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 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 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 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 ٪ 20if ٪ 20 (r ESult ٪ 20 == ٪ 20'SB ') الحالة 5: ثلاث طرق للحصول على القيم في مربع الإدخال
<! doctype ٪ 20HTML> <HTML> <HED> ٪ 20 ٪ 20 <TITLE> </TITLE> ٪ 20 ٪ 20 <meta ٪ 20charset = "UTF-8" ٪ 20/> </head> <body> ٪ 20 ٪ <Div ٪ 20ID = "INP"> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ </div> ٪ 20 </div> ٪ 20 ٪ 20 <input ٪ 20type = "text" ٪ 20Class = "AA"/> ٪ 20 ٪ 20 <Input ٪ 20type = "button" ٪ 20Value = "Add" ٪ 20onclick = "Func () ؛" ٪ 20/> ٪ 20 ٪ 20 </viv> ٪ 20 ٪ 20 <Div ٪ 20ID = "LIS"> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <ul> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <li> لحم الخنزير المليء </li> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <li> الكوع المطهو 0 ٪ 20 ٪ 20var ٪ 20inp_aa ٪ 20 = ٪ 20document.getElementsByClassName ('aa') ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20inp_aa [0]. <! doctype ٪ 20HTML> <HTML> <HED> ٪ 20 ٪ 20 <TITLE> </TITLE> ٪ 20 ٪ 20 <meta ٪ 20charset = "UTF-8" ٪ 20/> </head> <body> ٪ 20 ٪ 20 <Div ٪ 20ID = "INP"> ٪ 20 ٪ 20 ٪ 20 ٪ </div> 20 ٪ 20 ٪ SS = "AA"/> ٪ 20 ٪ 20 <Input ٪ 20type = "Button" ٪ 20Value = "Add" ٪ 20onclick = "Func () ؛" ٪ 20/> ٪ 20 ٪ 20 </viv> ٪ 20 ٪ 20 <Div ٪ 20id = "lis"> ٪ 20 ٪ 20 <Div ٪ 20 = "lis" ٪ 20 ٪ 20 ٪ <ul> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <li> لحم الخنزير المليء </li> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <li> كوع مطهو 20 ٪ 20 ٪ 20 ٪ 20var ٪ 20c ٪ 20 = ٪ 20Document.QuerySelector ('. aa') ؛ // Query Selector ٪ 20. هو معرف التمييز ، بناء جملة TAG ٪ 20 ٪ 20 ٪ 20c.value ٪ 20 = ٪ 20'Braised Eggplant '؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 </script> </body> </html> الطريقة 2: الاستعلام
<! doctype ٪ 20HTML> <HTML> <HED> ٪ 20 ٪ 20 <TITLE> </TITLE> ٪ 20 ٪ 20 <META ٪ 20CHARSET = "UTF-8" ٪ 20/> </Head> <body> ٪ 20 ٪ <Div ٪ 20ID = "INP"> ٪ 20 ٪ 20 ٪ 20 </div > ٪ 20 ٪ 20 <input ٪ 20type = "text" ٪ 20id = "aa"/> ٪ 20 ٪ 20 <Input ٪ 20type = "button" ٪ 20Value = "add" ٪ 20onclick = "func () ؛ S "> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ <ul> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <li> Porked Pork </li> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <li> الكوع </li> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 </ul> ٪ 20 ٪ 20 </div> ٪ 20 ٪ 20 ٪ 20 <SCRIPT> ٪ 20 ٪ 20 ٪ 20var ٪ 20C ٪ 20 = ٪ 20Document.getElementById ('aa') ؛ ٪ 20 ٪ 20 ٪ 20C.Value ٪ 20 = ٪ 20'braised Eggplant '؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 </script> </body> </html> الطريقة 3: معرف
الحالة 6:
٪ 20 // 'قبل begin' ، 'بعد begin'/٪ 20 ' <! doctype ٪ 20HTML> <HTML> ٪ 20 ٪ 20 <Head> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <TITLE> </TITLE> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <META ٪ 20CHARSET = "UTF-8" ٪ 20/> ٪ 20 </head> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <di v ٪ 20ID = "INP"> ٪ 20 ٪ 20 ٪ 20 ٪ 20 </div> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <INPUT ٪ 20type = "text" ٪ 20/> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <Input ٪ 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 Pork </li> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ /li> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <li> الأسماك المطهولية </li> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ </div> 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 20 20 20 addelen (ths) ٪ 20 {٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20var ٪ 20AAA ٪ 20 = ٪ 20ths.previouselementsibling.value ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 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 20arert (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 ٪ 20list_li.InsertadJacenthtml ("Beforend" ، ٪ 20bbb) ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20} ٪ 20 ٪ 20 <//script> ٪ 20 ٪ 20 </html> <! doctype ٪ 20HTML> <html> ٪ 20 ٪ 20 <Head> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <title> </title> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <Meta ٪ 20Charset = "UTF-8" ٪ 20/> ٪ 20 ٪ </Head> ٪ 20 ٪ 20 ٪ 20 20 ٪ 20 ٪ ٪ 20 ٪ 20 <Div ٪ 20ID = "INP"> ٪ 20 ٪ 20 ٪ 20 ٪ 20 </div> 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <Input ٪ 20type = "Text" ٪ 20/> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ <Input ٪ 20type = "button" ٪ 20Value = "Add" ٪ 20on 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 ٪ 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 T> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 الوظيفة ٪ 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 ٪ 20document_li ٪ 20 = ٪ 20Document.getElementbyid ("Lis") ؛ 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 = ٪ 20DOCUMITY T.CreateElement ('li') 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 ٪ 20list_li.insertbefore ٪ 20 ٪ 20 ٪ 20 ٪ 20} ٪ 20 ٪ 20 ٪ 20 </script> ٪ 20 ٪ 20 </body> </html> <! doctype ٪ 20HTML> <HTML> ٪ 20 ٪ 20 <Head> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <Meta ٪ 20Charset = "UTF-8" 20 <Body> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ <div> 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <Input ٪ 20type = "text" ٪ 20/> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <Input ٪ 20type = "لكن 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 ٪ 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 </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 ٪ 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 ٪ 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 Eggin '،' Afterbegin '/٪ 20'before "/' Afterend '٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪/ الإغلاق ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 // بعد ٪ 20 الإغلاق الخارجي // ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20Commentlist.InserTadJacenthtml ("Beforend" ، ٪ 20str) ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20tag.innertext ٪ 20 = ٪ 20Document.createlement ('li') ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20tag.innertext ٪ 20 = ٪ 20val ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 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 Console.log (قائمة التعليق الحالة 7:
<! doctype ٪ 20HTML> <HTML> ٪ 20 ٪ 20 <Head> ٪ 20 ٪ 20 ٪ 20 ٪ <meta ٪ 20charset = "UTF-8"> ٪ 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 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 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> عندما يدخل الماوس بنعم ، قم بإزالة المحتوى </p> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <p> عندما يخرج جدول الإدخال ، إضافة المحتوى </p> ٪ 20 ٪ 20 ٪ 20 ٪ 20tepe = " المحتوى "٪ 20onfocu s =" التركيز (هذا) "٪ 20onblur =" Blur (this) "٪ 20/> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 // أول طريقة لإيجاد 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 //. . ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20. 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 20 20 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20. 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 20 20 20 ٪ 20F ٪ 20 (Current_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 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 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 ٪ 20F ٪ 20 (Current_Val ٪ 20 == ٪ 20 " ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20ths.value ٪ 20 = ٪ 20'PPESE الحالة 8: قائمة الرأس
<! doctype ٪ 20HTML> <html> ٪ 20 ٪ 20 <Head> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <title> </title> ٪ 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 ٪ 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 ٪ 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 ٪ 20font- 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 ٪ 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 0 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20-color: ٪ 20Burlywood ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20.HIDE ٪ 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 </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 <Div ٪ 20Class = "Item" ٪ 20Con = "H2" ٪ 20onclick = "show (this)" "> guijie </fiv> ٪ 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 <د IV ٪ 20ID = "المحتوى" ٪ 20Class = "المحتوى"> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ Bar </fiv> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 </div> ٪ 20 ٪ 20 ٪ 20 ٪ 20 </div> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 <SCRIPT> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 وظيفة ٪ 20show (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 ٪ 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 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 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.ParentElement.Children ؛ ٪ 20 // الحصول على عنصر طفل ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 20 20 (i ٪ 20 = ٪ 200 0 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 إذا ٪ 20 (THS ٪ 20 == ٪ 20BABA [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 ٪ 20 ٪ 20 ٪ 20baba [i] .classlist.remove ('bk') ٪ 20 // إزالة الصفات ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 // content ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20var ٪ 20current_ ٪ ElementByid ('content'). ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 20 بالنسبة إلى ٪ 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 ٪ 20 ٪ 20 ٪ 20 RENT_CON [J] .GETATTRIBET ('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 ٪ <! doctype ٪ 20HTML> <HTML> ٪ 20 ٪ 20 <Head> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <Meta ٪ 20 Charset = "UTF-8"> ٪ 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 ٪ 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. 0 ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20} ٪ 20 ٪ 20 ٪ 202 ٪ 20li {٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20} 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 اللون: ٪ 20 White ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20padding: ٪ 208px ٪ 2010px ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20} ٪ 20 ٪ 20 ٪ 20 ٪ 20.clearfix: بعد {٪ 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 ٪ 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 ٪ 2 0 ٪ 20 ٪ 20background-color: ٪ 20 White ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20} ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 2 0 ٪ 20 ٪ 20 ٪ 20border: ٪ 201px ٪ 20solid ٪ 20#DDDDD ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 دقيقة الارتفاع: ٪ 20150px ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20} ٪ 20 ٪ 20 </style> ٪ 20 ٪ 20 </Head> ٪ 20 ٪ 20 <Body> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <Div ٪ 20style = "Width: 400px ؛ ٪ 20margin: ٪ 200 ٪ 20AU إلى ؛ "> ٪ 20 ٪ 20 ٪ 20 ٪ 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 ٪ 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 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 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 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 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 ٪ 20Con = "H1" Lamb Legs </iv> ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 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 // ths TAG ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20var ٪ 20target ٪ 20 = ٪ 20ths.getattribute ('Target') // H3 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 // أضف نفسك النشط ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20ths.ClassName ٪ 20 = ٪ 20'CHACTION '؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 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.dentElement. لـ (var ٪ 20i = 0 ؛ i <br آخر 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 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 ٪ 20brothers [ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 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 ٪ 20console.log (CO الخيام) ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 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 ٪ 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 ٪ الحالة 9: العودة إلى الأعلى
نقاط المعرفة الرئيسية: onscroll ٪ 20 و document.body.scrolltop ؛
<! doctype ٪ 20html> <html> ٪ 20 ٪ 20 <Head> ٪ 20 ٪ 20 ٪ 20 ٪ 20 <meta ٪ 20charset = "UTF-8" 20 ٪ 20 ٪ 20 ٪ 20position: ٪ 20fixed ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 الإسقاط: ٪ 20fixed ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 20position: ٪ 20fixed ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 20position: ٪ 20fixed ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20position: ٪ 20fixed ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 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 ٪ 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 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ Kgoldenrod ؛ ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 Color: ٪ 20 White ؛ ٪ 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 = "الارتفاع: ٪ 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 ٪ 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 ٪ 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 = ٪ 20document.body.Scrolltop ؛ // Body's Scroll Quitse ٪ 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 ('إخفاء') ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20} ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20} ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20} ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 ٪ 20 </html> الحالة 10:
نقاط المعرفة الرئيسية:
// Scroll ٪ 20 Scroll ؛ معنى التمرير
// ٪ 20ScrollTop: ٪ 20 ارتفاع شريط التمرير من الأعلى
// ٪ 20Scrollheight: ٪ 20 ارتفاع المستند: نفسه + حشوة
// ٪ 20clienttop: ٪ 20 ارتفاع الحدود
// ٪ 20clientheight: ٪ 20 النطاق الحالي المرئي: نفسه ٪ 20+٪ 20padding
// إزاحة ٪ 20 معنى الطباعة
// ٪ 20offsettop: ٪ 20 ارتفاع الملصق الحالي من "أعلى" (الجسم)
// ٪ 20 إذا لم يكن هناك منشور في مستواه السابق ، إذا كان هناك ، فإن علامة الموضع تعتمد بشكل أساسي على علامة الموضع.
// ٪ 20offsettheight: ٪ 20 ارتفاع نطاقها الخاص: نفسه + حدود + حدود
<! doctype html> <html> <head> <meta charset = "utf-8"> </title> </head> <body> <body> div style = "height: 20px ؛ colorption-color: green ؛ style = "الارتفاع: 200 بكسل ؛ فائض: تلقائي ؛ العرض: 400px ؛ الهامش: 0 تلقائي ؛ الحدود: 15 بكسل صلب أحمر ؛ حشوة: 3px ؛" > <div> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> sdf </viv> </div> sdf </vid> <div> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> sdf </viv> </div> sdf </vid> <div> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> sdf </viv> </div> sdf </vid> <div> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> sdf </viv> </div> sdf </vid> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <viv> sdf </viv> <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了，大家也多注意。
