Случай 1: выберите все
Знание приложения: ondblclick = () | Onclick | Найти атрибуты тега, приложения суждений и функций
<! Doctype%20html> <html>%20%20 <головы>%20%20%20%20 <Meta%20Charset = "UTF-8">%20%20%20%20 <титул> </title>%20 %20 </head>%20%20 <корпус>%20%20%20%20 <Div>%20%20%20%20%20%20%20%20 <вход%20type = "кнопка"%20 Value = "Выберите Все "%20ondblclick =" checkall () "%20/ >%20%20%20%20%20%20%20 <вход%20type = "кнопка"%20value = "cancel"%20ondblclick = "cancleall ()"%20/>%20%20%20%20% 20%20%20%20%20 <вход%20type = "кнопка"%20value = "undlect"%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%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20 <ТО -ТО%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%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%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%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 %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%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%2 0%20 </tr>%20%20%20%20%20%20 </tbode>%20%20%20 </table>%20%20%20%20%20 <Скрипт>%20%20%20%20%20%20%// Если вы выберете все, сначала получите все атрибуты входной метки, а затем все это правда%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% Функция%20checkall () {%20%20%20%20%20%20%20%20var%20 ТБ%20 =%20document.getElementby id ('tb'); // Получить 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 (var%20i = 0; i <чеки. Length;%20i ++) {%20%2 0%20%20%20%20%20%20%20%20%20%20var%20current_check%20 =%20Cecks [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%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%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%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%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%}%20%20%20%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 =%20document.getElementbyid ('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%20Cecks%20 =%20 ТБ. Ге TelementsByclassName ('C1');%20%20%20%20%20%20%20%20%20%20 /// [первое, 2, 3, 4, 5] проверено%20 =%20true%20%20%20%20%20%20%20%20Cecks [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%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%. 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20 %20%20%20%20%20%20%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 </body> </html>Случай 2: единственный выбор
Вы можете выбрать только один и использовать JS, чтобы изменить его варианты
Означения знаний о приложении: getElementsbytagname%20 |%20 -й чек.%20 |%20mutex
<! Doctype%20html> <html>%20%20 <головы>%20%20%20%20 <Meta%20Charset = "UTF-8">%20%20%20%20 <титул> </title>%20%20 </head>%20%20 <Body>%20%20 %20%20 <ul>%20%20%20%20%20%20%20%20%20 <li> <Вход%20type = "Радио"%20name = "G"%20 Value = "11"%20/> Мужчина </li>%20%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%20 <!-Радио%20 =%20document.GetElementsBytagName ('' Вход ')%20%20%20%20%20% ut%20type = "radio"%20name = "g"%20value = "11">,%20 <вход%20type = "radio"%20name = "g"%20value = "11">,%20 <inpt%20type = "Rad io "%20name =" g "%20value =" 11 ">]%20%20%20%20%20radio [1]%20%20%20%20%20%20 <вход%20type =" Радио "%20name =" g "%20value =" 11 "> %20%20%20%20xo%20 =%20radio [1]%20%20%20%20%20 <вход%20type = "Радио"%20name = "g"%20value = "11">%20%20%20%20%20%20%20% . Value%20%20%20%20%20%20xo. Провернут%20%20%20%20false 20%20%20xo. Проверка%20 =%20true 20%20%20%20true->%20%20 </body> </html>Случай 3: клонирование
<! Doctype%20html> <html>%20%20 <головы>%20%20%20%20 <Meta%20Charset = "UTF-8">%20%20%20%20 <Titl e> </title>%20%20 </head>%20%20 <тело>%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 <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%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%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 = "Контейнер">%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%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 <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%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%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%20%20var%20newh%20 =%20h.clonenode (true); // нет правды, только формат клонирования //%20%20%20%20c.appendchild (newh); После добавления True полностью клонируется до 2%20%20%20%20 </script>%20%20 </body> </html>
Случай 4: Пользовательские атрибуты, получить пользовательские атрибуты и изменить контент тега
<! Doctype%20html> <html>%20%20 <головы>%20%20%20%20 <Meta%20charset = "UTF-8">%20%20%20%20%20 <титул> </title>%20%20 </голова>%20%. %20%20%20%20% 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 <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%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% %20%20%20%20%20 <div%20class = "c1"> 123 </div>%20%20%20%20 </div>%20%20%20%20%20 <Скрипт>%20%20%20%20 Функция%20func () {%20%20%20%20%20%// I1 -ally, петля каждого ребенка, судья, если судья, если судья, если судья, если судья, если судья, если судья, если судья, если судья, если судья, если судья, если судья, если судья, если судья, если судья, если судья, если судья, если судья, если судья. 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 (%20Var%20i%20 = 0;%20i <divsless; 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%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 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 20f%20 (r 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%20%20%20%20%20%20%20%20%20%20%20%Случай 5: Три способа получить значения в поле ввода
<! Doctype%20html> <html> <Head>%20% %20 <input%20type = "text"%20class = "aa"/>%20%20 <input%20type = "кнопка"%20 Value = "Add"%20onclick = "func ();"%20/>%20%20 </div>%20%20 <div%20d = "lis">%20%20%20 </div>%20%20 <div%20d = "lis">%20%20%20 %20 <ul>%20%20%20%20%20%20%20 <li> Тушеная свинина </li>%20%20%20%20%20%20 <li> Тушковая локоть </li>%20%20%20%20%20 <li> Тушеная рыба </li>%20%20%20%. 0%20%20var%20inp_aa%20 =%20document.getElementsbyclassname ('aa');%20%20%20%20 inp_aa [0] .value%20 =%20'braised при волос '; // equivalty для ввода содержания%20%20 в коробке ввода </script> </body> </htmles. <! Doctype%20html> <html> <Head>%20%20 <Title> </title>%20%20 <Meta%20Charset = "UTF-8"%20/> </Head> <Body>%20%20 <Div%20ID = "inp">%20%20%20%20 </div>%20%20 <%20type = " ss = "aa"/>%20%20 <input%20type = "кнопка"%20value = "add"%20onclick = "func ();"%20/>%20%20 </div>%20%20 <Div%20ID = "LIS">%20%20%20 <Div%20D = "LIS">%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 <li> Тушеная свинина </li>%20%20%20%20%20%20 <li> Тушковая локоть </li>%20%20%20%20 </div>%20%20%20 <Script>% 20%20%20%20VAR%20C%20 =%20document.querySelector ('. AA'); // Селектор запросов%20. является идентификатором различия, синтаксис TAG%20%20%20C. Value%20 =%20'Braised Backlant ';%20%20%20%20 </script> </body> </html>Метод 2: запрос
<! Doctype%20html> <html> <Head>%20%20 <Title> </title>%20%20 <Meta%20Chret = "UTF-8"%20/> </Head> <Body>%20%20 <Div%20ID = "inp">%20%20%20%20 </div >%20%20 <input%20type = "text"%20id = "aa"/>%20%20 <inpt%20type = "кнопка"%20value = "добавить"%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> Тушеная свинина </li>%20%20%20%20%20%20 <li> Тушеная Колинг </li>%20%20%20%20%20 </ul>%20%20 </div>%20%20%20 <Скрипт>%20%20%20%20 Вар%20C%20 =%20document.getElementByID ('aa');%20%20%20%20c.value%20 =%20' -модели Баклажан ';%20%20%20%20%20 </script> </body> </html>Метод 3: ID
Случай 6:
%20 // 'перед Begin', 'AfterBegin'/%20'beforeDend '/' atferend '
<! Doctype%20html> <html>%20%20 <головы>%20%20%20%20 <Title> </title>%20%20%20%20 <Meta%20Charset = "UTF-8"%20/>%20%20 </голова>%20%20%20 <тело>%20%20%20% v%20ID = "inp">%20%20%20%20 </div>%20%20%20%20 <вход%20type = "text"%20/>%20%20%20%20%20 <вход%20type = "кнопка"%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%20 <li> Fraised Скачка </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 </ul>%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%20%20 Вар%20AAA%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%20%20 -х годов (Лис 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% <! Doctype%20html> <html>%20%20 <головы>%20%20%20%20 <Title> </title>%20%20%20%20 <Meta%20Charset = "UTF-8"%20/>%20%20 </head>%20%20%20 <тело>%20%20 %20%20 <Div%20ID = "inp">%20%20%20%20 </div>%20%20%20%20%20 <вход%20type = "text"%20/>%20%20%20%20%20 <вход%20type = "кнопка"%20value = "Добавить"%20on click = "addelen (это)"%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%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% 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%20%20%20%20document_li%20 =%20document.GETELEMEMENTBYID ("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%20%20 =%20document 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%20%20LIST_LI.INSERTBEFERE (TAG,%20LIST_LI. %20%20%20%20}%20%20%20 </script>%20%20 </body> </html><! Doctype%20html> <html>%20%20 <головы>%20%20%20%20 <Meta%20Charset = "UTF-8">%20%20%20%20 <титул> </title>%20%20 </head>%20% 20 <тело>%20%20%20%20 <Div>%20%20%20%20%20%20%20%20 <вход%20type = "text"%20/>%20%20%20%20%20%20%20%20 <вход%20type = "Но Тон "%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%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% </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%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%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% eggin ',' Afterbegin '/%20'beforeDend'/'atherend'%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%////20%20%20%20%20%20%20%20%20%20%20% Закрытие%20%20%20%20%20%20%20%20%20 // Последующие%20 Внешнее закрытие //%20 %20%20%20%20%20%20%20%20%. 20%20%20%20%20%20%20%20%. 20 ВАЛ;%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%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 Консоль. ЛОГ (Комментарий. Шилды [1])%20%20%20%20%20}%20%20%20)
Случай 7:
<! Doctype%20html> <html>%20%20 <головы>%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%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%20 <p вход. Содержание "%20onfocu s =" Focus (this) "%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% %20if%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%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%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%20 (Current_VAL%20 ==%20 ". Введите содержание"%20%20clrent_VAL. %20%20%20%20%20%20%20%20%20%20%20%20ths.Случай 8: Главное меню
<! Doctype%20html> <html>%20%20 <головы>%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. Мену%20 {%20%20%20%20%20%20%20%20%20background-Colo r:%20 -й диск;%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%. 20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%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%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%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%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%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 <тело>%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%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 = "Содержание"%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%20%20%20%20%= «HID» Бар </div>%20%20%20%20%20%20 </div>%20%20%20%20 </div>%20%20%20%20%20%20 <Скрипт>%20%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%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%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%. 0baba%20 =%20ths.parentelement.schildren;%20 // Получите каждый дочерний элемент%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20 (I%20 =%200;%20i%20 <%20%. 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%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 // удалить Атрибуты%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20 ////////contic%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20% ElementByID («содержание»). Дети;%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20 for%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%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20s_att%20=%20cur 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%20%20%20%20%20% %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%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%20%20%20%20%20%20%20%20%20%20% <! Doctype%20html> <html>%20%20 <головы>%20%20%20%20 <Meta%20Chret = "UTF-8">%20%20%20%20%20%20 <заголовок> </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%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%. 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%20 Цвет:%20white;%20%20%20%20%20%20%20%20%20%20%20padding:%208px%2010px;%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%20%20%20%20%20%20%20%20%20%20%20%20%2 0%20%20%20. Hide {%20%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20%20% % 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%20%2 0%20%20%20porder:%201px%20Solid%20#DDDDD;%20%20%20%20%20 мин %20 </style>%20%20 </head>%20% до; «>%20%20%20%20%20%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%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%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% 0TARGET = 'H3'%20ONCLICK = "SHOM (THE)"> 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%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 </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%(THS) {%20%20%20%20%20%20%20%20%20%20%. 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 %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20 Вар%20Brothers%20 =%20ths.parentelement. Килочки;%20%20%20%20%20%20%20%20%20 для (var%20i = 0; i <br другие. 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%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%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%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%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%20condole. 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%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%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%Случай 9: вернуться на вершину
Основные моменты знания: onscroll%20 и document.body.scrolltop;
<! Doctype%20html> <html>%20%20 <головы>%20%20%20%20 <meta%20charset = "UTF-8">%20%20%20%20%20%20 </title>%20%20%20%20%20%20%20%20.go {%20%20%20%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%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%20 Цвет:%20WITE;%20%20%20%20%20%20%20}%20%20%20%20%20%20%20%20%20% 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 </div>%20%2 0%20%20 <Div%20ID = "I2"%20Class = "Go-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%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 height%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 ('hide'); // Удалить его на отображение %20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20 %20}%20%20%20%20%20%20%20}%20%20%20%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%</HTML>Случай 10:
Основные моменты знания:
// прокрутка%20 прокрутки; Значение прокрутки
//%20scrolltop:%20 высота прокрутки сверху сверху сверху
//%20scrollheight:%20 Высота документа: сама + накладка
//%20clientTop:%20 высота границы
//%20clientHeight:%20 Текущий диапазон видимой высота: сама%20+%20padding
// смещение%20
//%20OFFSETTOP:%20 Высота текущей метки с «вершины» (тело)
//%20 Если на его предыдущем уровне нет сообщения, если есть, тег позиции в основном основан на теге позиции.
//%20OFFSETETHETHETHETH:%20 Высота его собственного диапазона: сама + накладка + граница
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> </title> </head> <body> <div style = "Высота: 20px; фоновый цвет: зеленый;"> </div> <!-Head-> <div Style = "Dive: 5px Solid; style = "Высота: 200px; переполнение: авто; ширина: 400px; маржа: 0 Авто; граница: 15px сплошной красный; прокладка: 3px;" > <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> 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> 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> 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> 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>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了,大家也多注意。