1. Найдите элементы:
document.getelementbyid ("id"); найти в соответствии с ID и найти не более одного;
var a = docunment.getElementbyId ("id"); Поместите найденной элемент в переменную;
Document.GetElementsByName ("имя"); найти в соответствии с именем, и массив найден;
document.getElementsbytagname ("name"); Найдите массив в соответствии с именем тега;
document.getelementsbyclassname («Имя») Найти в соответствии с названием ClassName, а массив найден;
2. Контент операции:
1. не формируемые элементы:
(1) Получить контент:
оповещение (A.InnerHtml); Получается HTML -код и текст в теге, и все содержимое в теге получается.
Например: в теле такого дивирования:
<div id = "me"> <b> попробуйте </b> </div>
Используйте innerhtml, чтобы получить контент в Div в скрипте:
var a = document.getElementbyId ("me");
оповещение (A.InnerHtml);
Результаты следующие:
оповещение (A.InnerText); Только возьмите текст внутрь
оповещение (A.outerhtml); Включает содержание самого тега (простое понимание)
(2) Установить контент:
a.innerhtml = "<font color = red> Hello World </font>";
Если результат заключается в следующем с кодом настройки содержимого, контент в DIV заменяется:
A.InnerText представит контент как оно
Очистить контент: назначить пустую строку
2. Сформировать элементы:
(1) Есть два способа получить контент:
var t = document.f1.t1; Форма формы идентификатор формы вводится с T1 в F1;
var t = document.getElementbyId ("id"); Получите его напрямую с id.
предупреждение (T.Value); Получает значение значения при входе;
оповещение (t.innerhtml); Получите значение здесь <Textarea> </textarea>;
(2) Установить содержание: t.value = "изменение контента";
3. Небольшой пункт знания:
<a href = "http://www.baidu.com" onclick = "вернуть false"> обратиться в Baidu </a>; Если будет добавлен возвратный флаза, она не будет прыгать, по умолчанию верно и верно будет прыгать. То же самое верно для кнопок. Если в кнопке установлена возврата Flase, представление не будет сделано. Это может быть использовано для управления прыжком подчинения.
3. Свойства операции
Во -первых, используйте идентификатор элемента, чтобы найти элемент и сохранить его в переменной:
var a = document.getElementbyId ("id");
Затем вы можете работать на свойствах элемента:
a.setattribute («Имя атрибута», «Значение атрибута»); Установите атрибут, добавьте или измените его;
a.getattribute ("Имя атрибута"); Получить значение атрибута;
A.RemoVeatTribute ("Имя атрибута"); удалить атрибут.
Пример 1: Задайте вопрос. Если входной ответ верен, он появится правильно, и ошибка появится ошибки;
Вот атрибут DAAN, написанный в тексте, который содержит значение ответа. При нажатии, чтобы проверить ответ, ввод содержимого от чика такой же, как и ответ:
Код в теле:
<Form> в каком году был основатель Китайской Республики? <input type = "text" daan = "1912" value = "" id = "t1" name = "t1" /> <input type = "кнопка" onclick = "check ()" id = "t2" name = "t2" value = "Проверьте ответ" /> < /form>
Код в JS:
function check () {var a = document.getElementbyId ("t1"); var a1 = a.value; var a2 = a.getattribute ("daan"); if (a1 == a2) {alert ("Поздравляем с правильным ответом!"); } else {alert ("идиот!"); }}Результаты, когда ответ верен:
Пример 2: Кнопка Согласителя, обратный отсчет до 10 секунд, кнопка «Согласие» становится отправленной. Здесь атрибут операции: отключен используется для изменения состояния кнопки. При отключении = "отключено" недоступен.
Код в теле:
<form> <input type = "Отправить" id = "b1" name = "b1" value = "ogna (10)" Отключен = "Отключил" /> < /form>
Код в JS:
var n = 10; var a = document.getElementbyId ("b1"); function bian () {n--; if (n == 0) {a.RemoVeatTribute ("Отключен"); a.value = "согласен"; возвращаться; } else {a.value = "sogn ("+n+")"; window.settimeout ("bian ()", 1000); }} window.setTimeout ("bian ()", 1000);Результаты пробега:
4. Стиль операции
Во -первых, используйте идентификатор элемента, чтобы найти элемент и сохранить его в переменной:
var a = document.getElementbyId ("id");
Затем вы можете работать на свойствах элемента:
а ; Управлять свойствами этого стиля ID.
Стиль - это стиль в CSS, и все стили могут работать с кодом.
document.body.style.backgroundcolor = "color"; Фоновый цвет всего окна.
Класс стиля операции: A.ClassName = "ClassName in Style Leate" управляет партией стилей
Пример 1: Автоматическое и ручное переключение изображений отображения;
Код в теле, чтобы сделать Div с фоновым изображением и объектами управления с обеих сторон:
<div id = "tuijian" style = "founal-image: url (imges/tj1.jpg);"> <div id = "p1" onclick = "dodo (-1)"> </div> <div id = "p2" onclick = "dodo (1)"> </div> </div>
Код в таблице стиля:
<style type = "text/css"> *{margin: 0px auto; Заполнение: 0px; Фондовая семья: «Microsoft Yahei»; } #tuijian {width: 760px; Высота: 350px; Восновная переписка: без повторения; } .pages {top: 200px; фоновый цвет:#000; Справочная позиция: Центр; Восновная переписка: без повторения; непрозрачность: 0,4; Ширина: 30px; Высота: 60px; } #p1 {founal-image: url (imges/prev.png); Плавание: осталось; Маржа: 150px 0px 0px 10px; } #p2 {founal-image: url (imges/next.png); Поплавок: верно; Полевой: 150px 10px 0px; } </style>Код в JS в основном вызывает функцию Huan () каждые 3 секунды, чтобы изменить стиль фонового изображения. Нажав левый и правый переключатель, он будет переключаться вручную, а автоматический переключатель останавливается:
<script language = "javascript"> var jpg = new Array (); jpg [0] = "url (imges/tj1.jpg)"; jpg [1] = "url (imges/tj2.jpg)"; jpg [2] = "url (imges/tj3.jpg)"; var tjimg = document.getElementById ("tuijian"); var xb = 0; if (xb == jpg.length) {xb = 0; } tjimg.style.backgroundimage = jpg [xb]; if (n == 0) {var id = window.settimeout ("huan ()", 3000); }} функция dodo (m) {n = 1; xb = xb+m; if (xb <0) {xb = jpg.length-1; } else if (xb> = jpg.length) {xb = 0; } tjimg.style.backgroundimage = jpg [xb]; } window.setTimeout ("huan ()", 3000); </script>Эффект заключается в следующем:
5. Связанные элементы операции:
var a = document.getElementbyId ("id"); найти;
var b = a.nextibling, найдите следующий элемент сверстника A, обратите внимание на содержание пространств;
var b = a.previoussibling, найдите предыдущий элемент A, обратите внимание на содержание пространств;
var b = a.parentnode, найдите предыдущий родительский элемент a;
var b = a.childnodes, массив найден, и найден дочерний элемент A следующего уровня;
var b = a.firstchild, первый дочерний элемент, Lastchild Last, Childnodes [n] найдите номер первого;
оповещение (узлы [i] экземпляр текста); Определите, является ли это текстом, возвращает true, а не Flase, используйте, если определить, является ли его значение ложным, и вы можете удалить пространства.
6. Создание, добавление и удаление элементов:
var a = document.getElementbyId ("id"); найти;
var obj = document.createElement ("имя тега"); создать элемент
obj.innerhtml = "Hello World"; При добавлении вам нужно сначала создать элемент.
A.AppendChild (obj); добавить дочерний элемент в а.
A.RemoveChild (OBJ); Удалить дочерний элемент.
A.SelectedIndex в списке: количество выбранных;
//a.options=.selectindex] удалить объект опции из индекса в соответствии с индексом.
7. операция строки:
var s = new String (); или var s = "aaaa";
var s = "Привет, мир";
Alert (S.TolowerCase ()); к нижней регистрации тупперказа () до прописного
предупреждение (S.Substring (3,8)); перехватить с третьей позиции в восьмую позицию
предупреждение (S.Substr (3,8)); начинает перехватывать с третьей позиции, перехватывать восемь символов в длину и не писать следующие числа до конца.
S.Split (''); Разберите символов в соответствии с указанными персонажами, поместите их в массив и автоматически сортируют их
S.Length - это собственность
S.Indexof («Мир»); первое в мире появление в строке не возвращается -1
S.LastIndExof ("O"); O, где последнее появление S.LastIndExof ("O"); O в строке
8 .
var d = new Date (); текущее время
D.SetbleAler (2015,11,6);/*Вычтите 1 настройку в месяц, который вы хотите установить*/
D.Getlyear: возьмите год;
D.GetMonth (): возьмите месяц, и все меньше, которые вы получаете, вынимают;
D.GetDate (): возьмите небо;
D.GetDay (): возьмите день недели
d.gethours (): возьмите час;
D.GetMinutes (): возьмите минуты; D.GetSeconds (): Возьмите секунды
d.setbleear (): установите год и обратите внимание на -1 при установке месяца.
9. Работа математических функций
Math.ceil (); Наименьшее целое число больше, чем текущее десятичное значение
Math.floor (); Крупнейшее целое число из нынешнего десятичного числа мелких рыб
Math.sqrt (); Открытый квадрат
Math.round (); круглый(); круглый
Math.random (); Случайное число, между 0-1
10. Несколько советов
Двойные кавычки снаружи, и двойные кавычки внутри меняются на одиночные кавычки;
При настройке высоты строки в DIV, независимо от того, насколько высока настройка, занятая строка находится в среднем положении по умолчанию (середина верхних и нижних областей Div - [по умолчанию] по вертикально центрированному).
Значение, извлеченное из текстового поля, является строкой, и ее необходимо преобразовать в число, используя parseint ().
S.Match (Reg); S представляет строку, REG представляет строку и два совпадения. Если две строки не совпадают, возвращается нуль.
Приведенное выше подробное объяснение JavaScript-Dom Operation-Window.Document объект-это все контент, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.