renovvations
This commit is contained in:
parent
a7c6244292
commit
c326ee9cb9
17 changed files with 13 additions and 32 deletions
|
@ -54,7 +54,7 @@ document.body.appendChild(ul); // затем в документ
|
|||
|
||||
<table id="bench-table"></table>
|
||||
|
||||
Код для тестов находится в файле [](insert-bench.js).
|
||||
Код для тестов находится в файле [insert-bench.js](insert-bench.js).
|
||||
|
||||
[/online]
|
||||
## Добавление множества узлов
|
||||
|
|
|
@ -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`.
|
||||
|
||||
|
|
|
@ -28,5 +28,4 @@ alert( bench(runGet, 10000) ); // вывести время 1000*runGet
|
|||
|
||||
Более правильный тест -- это не только запустить поиск, но и получить все элементы, как это делается в реальной жизни.
|
||||
|
||||
[edit src="solution"]Полное решение[/edit]
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue