JavaScript ja Elementille taustaan verrattuna käänteinen väri

Anonyymi

Vaikutti että ei olisi kovin yksinkertainen tehtävä. Tuossa alla tuo esimerkki asettaa kaikkien elementtien väriksi punainen. Mutta miten tuo tehtäisiin niin että se piikkaa** elementiltä taustavärin ja asettaa edustalle käänteisen värin.

for (var i = 0; i < document.all.length; i ) {
document.all[i].style.color = "red" }

Kun nyt katsotaan esimerkki, mitä elementtejä tämä jo aiemmin käsitelty esimerkki sisältää ( https://pastebin.com/7AJ6AzdY ), niin voi havaita ettei kaikilla elementeillä ole asetettavissa väriä edustalle eikä taustalle kuten tämän silmukan ajo osoittaa:

for (var i = 0; i < document.all.length; i ) {
console.log(i " => " document.all[i].tagName) }

Ei taida JavaScriptin suoritus katketa, vaikka elementille ei käänteistä väriä pystyisikään asettamaan tai taustaväriä noutamaan.

PS: Ei tarvitse vastata, jos menee hyvin monimutkaiseksi, kuten epäilen.

**piikkaa
Tähän tulisi olla parempi termi, olen tuon juontanut Commodore 64 ajoilta PEEK() funktiosta jolla luettiin muistipaikan sisältö.

8

155

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Anonyymi

      Onko tämä sinnepäinkään, ei se ainakaan toimi, niin kuin pitäisi.

      for (var i = 0; i < document.all.length; i ) {
      var BC = document.all[i].style.backgroundColor;
      var FC = document.all[i].style.Color;
      document.all[i].style.color = BC;
      document.all[i].style.background = FC;
      console.log("BC:" BC "FC:" FC);
      }

      • Anonyymi

        Tässä on varmaan joku juttu, kun väriä ei ole erikseen määritelty taustalle, eikä tekstille, niin ei tuo värin poimintakaan onnistu.

    • Anonyymi
      • Anonyymi

        Eli tätä ( document.getElementsByTagName('body')[0].style.backgroundColor; ) ei saa toimimaan.

        getElementsByClassName ja getElementsByTagName ei anna kuin "" kysyipä tausta tai edusta väriä, en ainakaan saanut ulos muuta.

        Joo getElementById(id) näyttää tuottavan tulosta, hyvän esimerkin laitoit. Harmi että se on tehtävä ID:llä, kun tarkoitus on vaihtaa värejä TagName tai ClassName poimintaan perustuen, kun tuota ID:tä ei ole sivulla määritelty. Tuo TagName olisi ollut paras koska se on olemassa aina.

      • Anonyymi
        Anonyymi kirjoitti:

        Eli tätä ( document.getElementsByTagName('body')[0].style.backgroundColor; ) ei saa toimimaan.

        getElementsByClassName ja getElementsByTagName ei anna kuin "" kysyipä tausta tai edusta väriä, en ainakaan saanut ulos muuta.

        Joo getElementById(id) näyttää tuottavan tulosta, hyvän esimerkin laitoit. Harmi että se on tehtävä ID:llä, kun tarkoitus on vaihtaa värejä TagName tai ClassName poimintaan perustuen, kun tuota ID:tä ei ole sivulla määritelty. Tuo TagName olisi ollut paras koska se on olemassa aina.

        Voihan ne valita tagname:nkin mukaan. Luulin, että sen taustavärin ja värin saaminen oli se pääjuttu(?). Tässä tagnamella (p-elementit, jätin id:t niihin css:ää varten):

        https://jsfiddle.net/7ftgvo90/

        Siis, getElementsByTagName () palauttaa kokoelman elementtejä, joille sitten jokaiselle kutsutaan sitä window.getComputedStyle(element):tiä, jotta saadaan sen kyseisen elementin värit selville ja miten ne sitten halutaan muuttaakaan. Tuossa muuten sellainen juttu, joka aluksi aiheutti itselleni ongelman: kun element.style:ä muuttaa, niin ilmeisesti se computed style -oliokin muuttuu, joten siitä on ensin otettava halutut tiedot talteen ja sitten muokattava elementtiä.

      • Anonyymi
        Anonyymi kirjoitti:

        Voihan ne valita tagname:nkin mukaan. Luulin, että sen taustavärin ja värin saaminen oli se pääjuttu(?). Tässä tagnamella (p-elementit, jätin id:t niihin css:ää varten):

        https://jsfiddle.net/7ftgvo90/

        Siis, getElementsByTagName () palauttaa kokoelman elementtejä, joille sitten jokaiselle kutsutaan sitä window.getComputedStyle(element):tiä, jotta saadaan sen kyseisen elementin värit selville ja miten ne sitten halutaan muuttaakaan. Tuossa muuten sellainen juttu, joka aluksi aiheutti itselleni ongelman: kun element.style:ä muuttaa, niin ilmeisesti se computed style -oliokin muuttuu, joten siitä on ensin otettava halutut tiedot talteen ja sitten muokattava elementtiä.

        Joo, tuo oli hyvä, niin kuin sinulla näyttää kaikki olevan. Meni muutama tunti, tuohon värimaailmaan perehtyessä, kun noita koodauksia on monenlaisia. Tuo yllätti että kun värejä ei ole määritelty, niin sieltä saa palautteena ( rgba ) ja ( rgb ), eikä tunnu olevan funktiota jolla värin muuttaisi vertailua varten johonkin yhtäläiseen muotoon. Törmäsin moneen eri esimerkkiin jossa itse on koodattu funktio heksadesimaali muutosta varten. Olipa jopa tapailtu NIMI (red, blue jne.) muunnoksiakin.

        BC = rgba(0, 0, 0, 0) FC = rgb(0, 0, 0)

        Katsotaan nyt missä kohtaa sitä seuraavaksi kompastellaan. Ei mennyt hukkaan tämäkään opiskelupäivä.

    • Anonyymi

      Ota taustaväri ja käännä se bitwice: foregroundColor =~backgroundColor;

    • Anonyymi

      Tässä yksi niistä S24 sivuston helmistä, kiitoksia.

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Persujen kannatusromahdus ilahduttaa

      Siin' ei hyvä häviä. Luotto parempaan tulevasuuteen alkaa taas palautua.
      Maailman menoa
      148
      4465

    2. Avopuoliso, mies-/naisystävä vai mikä?

      Kävin eilen irl keskustelun, joka jätti minut pohtimaan seuraavaa ... millä nimityksellä kutsua henkilöä, jonka kanssa o
      Ikävä
      184
      2954

    3. Riikka ohoi! Saksa alensi bensaveroa, missä euron bensa?

      Perussuomalaisten yksi vaalilupauksista oli euron bensiini suomalaisille autoilijoille. Ei ole näkynyt. Jopa vasemmis
      Maailman menoa
      17
      2708

    4. Huvittava ilmiö: Vasemmistolaiset uskoo sokeasti SDP:n parantavan heidän

      elämäänsä, jos demarit johtaa seuraavaa hallitusta (Kyse on siis palstan vasemmistolaisista) Totuus on toinen, nimittäi
      Maailman menoa
      87
      2697

    5. Pitkän päivän ilta

      Tarina elämättömästä miehestä, jonka elämän täytti velvollisuudentunto. Pikkutarkka, huolellinen, hyvällä katsottu, miel
      Ikävä
      126
      2347

    6. Totuus sattui demareihin, vaativat asiallisen jutun poistoon

      ja oli vielä suosittu, mutta kun demarit tarpeeksi valittivat, niin poistettiin. Raukkamaista toimintaa. Eli siis juttu
      Maailman menoa
      52
      1952

    7. Tulipalo rivitalossa, tuhoutuu täysin

      Kainuun pelastuslaitos sai hieman puolenyön jälkeen maanantaina ilmoituksen rivitalon huoneistossa syttyneestä tulipalos
      Puolanka
      32
      1888

    8. En selvinnyt ilman naarmuja

      Vaikka ehkä kuvittelin sen olevan ilmoitusluonteinen asia, jonka jälkeen kaikki palaa entiselleen ja ilma puhdistuu. Naa
      Ikävä
      13
      1795

    9. Miksi Kuhmolaiset on niin nyrpeä ilmeisiä?

      Miksi suurin osa (ei onneksi kaikki) on niin typääntyneen näkösiä elämäänsä? Tuijotetaan toisia pahansuopaisesti ja kat
      Kuhmo
      9
      1440

    10. Olet ainutlaatuinen

      Sinussa on jotain, jota en osaa oikein edes pukea sanoiksi. Jotain paljon syvempää, kuin ulkoinen ihanuutesi. Jotain ain
      Ikävä
      37
      1045
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt