Глава 2. Промяна на стила на различни обекти
Този раздел продължава въведат различни промени начина стил на различни обекти. Както видяхме, Dynamic HTML ви позволява да промените различни атрибути на обекти, като SRC атрибут на даден обект
Промяна на съдържанието на IFRAME
функция change_background (цвят) document.frames.myiframe.document.body.style.backgroundColor = цвят;
>
Сега цветът е написана без кавички, защото цветът не е името, а името на една променлива, аргументът на функцията. Тъй като този аргумент, можете да мине всяко валидно име на цвят. Казах ти, че функцията е позволено да се действа много гъвкава!
В първата глава, вие се запознаха с концепцията за клас като сдружение атрибути на обекта. В тази глава, ние ще продължим да ги обсъдим.
Има два начина за определяне на стила обект: първо - това директно, например, this.style.color = 'червено' или document.all.myHeading.style.fontSize = "20px". Всичко това са примери за директен достъп до имота на даден обект.
Вторият начин - е да се използват класове. С тях можете да изберете няколко реда. Така че, защо класове? Когато сте на снимачната площадка на страницата на обекти приблизително една и съща дестинация, можете да ги използвате за настройките на глобалните стил, приложени към всички тези предмети, един стил. Всеки обект има атрибута, който асоциира с определен клас. Чрез този атрибут лесно да зададете стил обект като я сравнява с определен клас. В допълнение, можете да се променя динамично в клас атрибут, съответно, промяна на стила на даден обект.
Този пример показва как да се направи динамична промяна на класа.
Донесете върху мене мишката, за да се види как класовете на динамично променящата
два класа, определени в имената textRed и textBlack. В инициализация, обект
възложени textBlack клас, имайте предвид, че в този случай, класът на атрибут, и името на класа е написана без кавички. Това е така, защото кодът е част от езика HTML, но когато трябва да се промени името на класа в двойни кавички, е част от Script-език, така че използвайте име на класа атрибут, и името на класа е писано в единични кавички.
С часове, можете да промените всички атрибути на стил, с изключение на позиционирането (позиция). Вие не можете да определите стила позициониране: абсолютен или nepozitsionirovanny освен чрез директен код HTML.
Когато се присвоява стойност на атрибута, не забравяйте, че тези стойности са винаги - линия. Ето защо, не може да се манипулират стойностите на имоти в математически смисъл. И по-специално за тази цел е въведена няколко имота, чиито стойности - числа.
Ако имотът се нуждае от разнообразие от стойности, можете да посочите стойност, в които стойността на входа. В следващите примери, количествата са употребявани точки и пиксела. Те са определени съответно указатели pt и пиксела.
Ако не зададете индекс, стойността по подразбиране. Има едно предимство на това: можете да определите стойността на имота като цяло число. Следващите две линии са идентични:
document.all.MyElement.style.fontSize = "72";
document.all.MyElement.style.fontSize = 72;
Свързани статии