renovvations

This commit is contained in:
Ilya Kantor 2015-01-25 18:32:03 +03:00
parent a7c6244292
commit c326ee9cb9
17 changed files with 13 additions and 32 deletions

View file

@ -54,7 +54,7 @@ document.body.appendChild(ul); // затем в документ
<table id="bench-table"></table>
Код для тестов находится в файле [](insert-bench.js).
Код для тестов находится в файле [insert-bench.js](insert-bench.js).
[/online]
## Добавление множества узлов

View file

@ -2,18 +2,18 @@
Эта глава -- о свойствах стиля, получении о них информации и изменении при помощи JavaScript.
Перед прочтением убедитесь, что хорошо знакомы с <a href="http://www.w3.org/TR/CSS2/box.html">блочной моделью CSS</a> и понимаете, что такое `padding`, `margin`, `border`.
Перед прочтением убедитесь, что хорошо знакомы с [блочной моделью CSS](http://www.w3.org/TR/CSS2/box.html) и понимаете, что такое `padding`, `margin`, `border`.
[cut]
## Объект стилей style
## Стили элемента: свойство style
Объект `element.style` дает доступ к стилю элемента на чтение и запись.
С его помощью можно изменять большинство CSS-свойств, например `element.style.width="100px"` работает так, как будто у элемента в атрибуте прописано `style="width:100px"`.
[warn header="Единицы измерения обязательны в `style`"]
Об этом иногда забывают, но в `style` так же, как и в CSS, нужно указывать единицы измерения, например `px`.
Об этом иногда забывают, но в `style` так же, как и в CSS, нужно указывать единицы измерения, например `px`.
Ни в коем случае не просто `elem.style.width = 100` -- работать не будет.
[/warn]
@ -97,7 +97,7 @@ setTimeout(function() {
[/warn]
## Строка стилей style.cssText
### Строка стилей style.cssText
Свойство `style` является специальным объектом, ему нельзя присваивать строку.
@ -135,7 +135,7 @@ setTimeout(function() {
Свойство `style.cssText` используют, например, для новосозданных элементов, когда старых стилей точно нет.
## Чтение стиля из style
### Чтение стиля из style
Записать в стиль очень просто. А как прочитать?
@ -162,7 +162,7 @@ setTimeout(function() {
</body>
```
## Стиль из getComputedStyle
## Полный стиль из getComputedStyle
Итак, свойство `style` дает доступ только к той информации, которая хранится в `elem.style`.

View file

@ -28,5 +28,4 @@ alert( bench(runGet, 10000) ); // вывести время 1000*runGet
Более правильный тест -- это не только запустить поиск, но и получить все элементы, как это делается в реальной жизни.
[edit src="solution"]Полное решение[/edit]