-
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
- Jakie znacie działające serwery grup dyskusyjnych?
- 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
Najnowsze wątki
- 2025-02-21 Warszawa => Key Account Manager IT <=
- 2025-02-21 Warszawa => Data Engineer (Tech Lead) <=
- 2025-02-21 Aliexpress zaczął oszukiwać na bezczelnego.
- 2025-02-21 Warszawa => System Architect (Java background) <=
- 2025-02-21 Kula w łeb
- 2025-02-21 Warszawa => System Architect (background deweloperski w Java) <=
- 2025-02-21 Warszawa => Solution Architect (Java background) <=
- 2025-02-21 Lublin => JavaScript / Node / Fullstack Developer <=
- 2025-02-21 Pawel S
- 2025-02-21 Warszawa => Key Account Manager (Usługi HR) <=
- 2025-02-21 Katowice => Senior Field Sales (system ERP) <=
- 2025-02-21 Chrzanów => Programista NodeJS <=
- 2025-02-21 Wrocław => Konsultant wdrożeniowy Comarch XL/Optima (Księgowość i
- 2025-02-21 Warszawa => Administrator Systemów Windows IT <=
- 2025-02-21 Wrocław => Specjalista ds. Sprzedaży (transport drogowy) <=