-
Path: news-archive.icm.edu.pl!agh.edu.pl!news.agh.edu.pl!newsfeed2.atman.pl!newsfeed.
atman.pl!.POSTED!not-for-mail
From: Marek <p...@s...com>
Newsgroups: pl.comp.www
Subject: Re: JS- Jak dobrać się do atrybutu style?
Date: Wed, 09 Oct 2013 09:39:03 +0200
Organization: ATMAN - ATM S.A.
Lines: 47
Message-ID: <l3316t$pcp$1@node1.news.atman.pl>
References: <l2uccu$cob$1@node2.news.atman.pl> <l32ga4$thk$1@news.mm.pl>
NNTP-Posting-Host: 89-69-209-185.dynamic.chello.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: node1.news.atman.pl 1381304349 26009 89.69.209.185 (9 Oct 2013 07:39:09 GMT)
X-Complaints-To: u...@a...pl
NNTP-Posting-Date: Wed, 9 Oct 2013 07:39:09 +0000 (UTC)
User-Agent: Mozilla/5.0 (Windows NT 6.2; WOW64; rv:17.0) Gecko/20130801
Thunderbird/17.0.8
In-Reply-To: <l32ga4$thk$1@news.mm.pl>
Xref: news-archive.icm.edu.pl pl.comp.www:402410
[ ukryj nagłówki ]W dniu 2013-10-09 04:52, u...@d...invalid pisze:
>
> Użyj jQuery:
> $('#elementId').css("color", "red");
> i albo doda albo zamieni, a jak chcesz usunąć to:
> $('#elementId').css("color", "");
To i bez tego prościej:
element.style.color="red";
element.style.color=null;
Niemniej jednak trzeba do tego aby przekształcić string ze stylami na
style to niezłą procedurę trzeba napisać. Oto przykład realizacji
pozornie prostego zadania:
function setStyleByID(code, idsArr)
{
var i, obj, styles, tmp;
obj=code.match(/[\w\-]+\s*:\s*[^;]+/g);
styles=new Object();
for(i=0; i<obj.length; i++)
{
tmp=obj[i].match(/([\w\-]+)\s*:\s*([^;]+)/);
tmp[1]=tmp[1].replace(/(-)(\w)/,function($0,$1,$2) {return
$2.toUpperCase()});
styles[tmp[1]]=tmp[2];
}
for(i=0;i<idsArr.length; i++)
{
obj=document.getElementById(idsArr[i]);
for (tmp in styles) obj.style[tmp]=styles[tmp];
}
}
code to stringiem wyrażone style a idsArr to tablica ID elementów,
którym te style trzeba przypisać. Tymczasem mogłoby to wyglądać prościej:
element.inlineStyle=code;
Prawda?
--
Pozdrawiam
Marek
Następne wpisy z tego wątku
- 09.10.13 09:59 n...@t...net.pl
- 09.10.13 11:51 Marek
- 09.10.13 18:13 u...@d...invalid
- 09.10.13 18:25 NotBear
- 09.10.13 19:56 Marek
- 09.10.13 20:01 Marek
- 09.10.13 20:05 Jordan Szubert
- 09.10.13 21:38 Marek
- 09.10.13 22:12 Marek
- 10.10.13 05:02 u...@d...invalid
- 10.10.13 08:29 Neevor
- 10.10.13 08:59 Neevor
- 10.10.13 09:04 Neevor
- 10.10.13 09:06 Neevor
- 10.10.13 09:08 Neevor
Najnowsze wątki z tej grupy
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
- TypeScript - jak uzyskać zmienne prywatne? Gdzie korzyści z TS?
Najnowsze wątki
- 2024-05-26 O co chodzi?
- 2024-05-26 PJ autobus-tramwaj
- 2024-05-26 Renault Trafic i lampka z czerwonym STOP
- 2024-05-26 cena pięciocyfrowa
- 2024-05-26 Re: Jak dobra KE "okrada" złą Rosję "dla Ukrainy"
- 2024-05-25 supercap
- 2024-05-25 Sulzbach => Technischer Rollouter (d/m/w) <=
- 2024-05-25 Warszawa => Senior Account Manager <=
- 2024-05-25 Warszawa => Mid PHP Developer (Laravel) <=
- 2024-05-25 Warszawa => Mid PHP Developer (Laravel) <=
- 2024-05-25 Warszawa => Interactive/Experience Designer <=
- 2024-05-25 Warszawa => Key Account Manager <=
- 2024-05-25 Warszawa => SAP WM Consultant / Execution <=
- 2024-05-25 Warszawa => Key Account Manager <=
- 2024-05-25 Re: znów ten wrocław