FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Tom

@moT01

does that thing even have two colors? or is it just one on a static background

Gersho

@Gersho

it did levels of gray, like a gameboy iirc

but maybe only black and white

korzo

@korzo

@moT01 It has only levels of grey. It was revolution anyway.

Nate Mallison

@NJM8

Hello, I have a basic DOM manipulation question. I am trying to find an element like and ordered list then add another list item to it using appendChild. If I search for the list using getElementByTagName, appendChild does not work, I get a type error (appendChild is not a function). However if I select the list using querySelector then appendChild works just fine. What is the difference?

Gersho

@Gersho

i did have one where the "wallpaper" was an image behind the screen, visible even when phone off

Tom

@moT01

do you have multiple of that tag?

@NJM8

korzo

@korzo

@NJM8 getElementByTagName returns collection

@NJM8 querySelector first element

Gersho

@Gersho

so getElementsByTagName[0] ?

Tom

@moT01

mdn is showing me it's getElementsByTagName

Gersho

@Gersho

plural

korzo

@korzo

yep, I was copypasting

Nate Mallison

@NJM8

I see, getElementsByTagName is an array of those elements with that tag, and querySelector is the actual elements

*element

Tom

@moT01

not sure that syntax would work but, maybe if you did it on the var or after you put the tag in @Gersho

korzo

@korzo

@moT01 As it returns collection, it works..as long as collection is not empty

Tom

@moT01

var tags = getElementsByTagName('ul');
tags[0].append...

something like that maybe?

Nate Mallison

@NJM8

that seems to work

korzo

@korzo

@moT01 you can use getElementsByTagName('ul')[0].appendChild() as long as you are sure at lest one element exists

Gersho

@Gersho

i usually put id to stuff like that, so you don't get screwed when you add stuff later

Nate Mallison

@NJM8

yup, the tutorial I'm looking at suggested using querySelector but i don't like that, too vague.

Tom

@moT01

yea, that's something to keep in mind - if you add another ul and it's before the one you're trying to target - it will mess things up

Nate Mallison

@NJM8

if the ul has a class can't you do something like querySeletor("ul .insertclassnamehere")

Gersho

@Gersho

don't know that works in js, try it and let us know :p

Nate Mallison

@NJM8

thats a no.

Gersho

@Gersho

thanks @NJM8

CamperBot

@camperbot

gersho sends brownie points to @njm8 :sparkles: :thumbsup: :sparkles:

:cookie: 283 | @njm8 |http://www.freecodecamp.com/njm8

Nate Mallison

@NJM8

I guess if it has a class you would just search for that class with getElementByClassName.

Gersho

@Gersho

plural

you'd have the same issue than getElementsByTagName

Nate Mallison

@NJM8

well, so querySelector(element class) actually searches the children of the found element with that class name

korzo

@korzo

@NJM8 I would say it should work

parameter is CSS selector

Nate Mallison

@NJM8

so if you had a ul, and the first li has a class of first, you can find it with querySelector("ul .first");

korzo

@korzo

@NJM8 yes

Long Nguyen

@longnt80

@NJM8 so it's not vague at all

Gersho

@Gersho

but it would aim the li, not the ul

Usman

@halohah

@khaduch thanks!

CamperBot

@camperbot

halohah sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:

:star2: 3334 | @khaduch |http://www.freecodecamp.com/khaduch

Usman

@halohah

@piteto Thanks! This actually helps understands some things.

linkin-park

@linkin-park

hi all

Fabien SHAN

@X140hu4

linkin-park

@linkin-park

damn i'm working all alone again on redoing a page from scratch :) just 1 day left :/

i really need your help on this :)

can use css grid or bootstrap ?

linkin-park

@linkin-park

@X140hu4 any thoughts ?

Where communities thrive

People

Repo info

Activity