Javascript – värt att lägga på minnet

mars 24, 2012 § Lämna en kommentar

Jag vill ta upp lite enkel javascript och sånt som kan vara värt att lägga på minnet.

För att kunna grabba/editera element

  • getElementById(‘Här skriver du ID’) – Hämtar elementets ID. Det får bara finnas en ID i ett html dokument därför blir detta alltid unikt.
  • getElementByTagName(‘Här skriver du tag name’) – Hämtar ett element genom ett ‘tag’ name. Returnerar en lista med alla tag names i dokumentet. För att komma åt så skrivs de(som en array) t.ex såhär:
    x = document.getElementByTagName(‘a’);
    x[0]; <— För att välja första "anchor" i dokumentet.
  • setAttribute – Om du har hämtat ett element med getElementbyTagName så kan du välja ett attribut som det elementet har och sätta värdet. T.ex såhär:
    var spartag = document.getElementByTagName(‘img’)
    spartag.setAttribute(‘alt’, ‘alternative information goes here’)
  • getAttribute – Används istället för att sätta värdet till att hämta värdet.
  • createTextNode – Tillåts skapa en text, t.ex: createTextNode(‘Here you can write whatever you want’)
  • appendChild – Om du har skapat en text node och vill sätta in den i en paragraph så kan det se ut såhär:
    para = document.getElementByTagName(‘p’);
    text = document.createTextNode(‘text here’);
    para.appendChild(text);
  • lastChild – Om du behöver få tag i sista child i dom trädet.
  • nextSibling – För att få tag i nästa ”kusin” i dom trädet
  • previousSibling – För att få tag i nästa ”kusin” i dom trädet
  • innerHTML – Är ett klumpigt sätt för att få in html och text
  • Uppdaterar mer senare….

    Annonser

    Kommentera

    Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

    WordPress.com Logo

    Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

    Twitter-bild

    Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

    Facebook-foto

    Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

    Google+ photo

    Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

    Ansluter till %s

Vad är detta?

Du läser för närvarande Javascript – värt att lägga på minnetTobiasboman's Blog.

Meta

%d bloggare gillar detta: