—– COURSE LINKS:
+ Atom editor – https://atom.io/a
+ GitHub Repo – https://github.com/iamshaunjp/JavaScript-DOM-Tutorial
———————————————————————————————
Other tutorials:
—– JAVASCRIPT FOR BEGINNERS:
—– CSS FOR BEGINNERS:
—– NODE.JS TUTORIALS
—– SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1
============== The Net Ninja =====================
For more front-end development tutorials & to black-belt your coding skills, head over to – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk
================== Social Links ==================
Twitter – @TheNetNinja – https://twitter.com/thenetninjauk
Original source
30 responses to “JavaScript DOM Tutorial #6 – Nodes”
you were happy that day
first video ever without a dislike;
thanks man.
i am reading"eloquent javascript" who else is ?
The link to HTML DOM nodeTypes : https://www.w3schools.com/jsref/prop_node_nodetype.asp
So school districts recently blocked inspect elements. But you can use book marks to execute js.
Did anyone get it to display again somewhere below? I tried taking the banner section and displaying it below my book-list section. It shows me [[object HTMLDivElement] but it didn't actually display the element to visual look like the banner above if that makes sense? this is what I used to try to display it document.getElementById("book-list").innerHTML += "<br>" + clonedBanner;
DOM is a tree of nodes , not a tree of elements! Mind blowing.
1:30 u became gay
1:30 consequences of removing 'WAAAAAAAAAAAAAAAAH'
I'm in the right typ of node.
Best and most useful tutorial series for front end developers who want to start with JS <3
querrryyyy sellleccctoooooorrrr lol
strong like ratio
Your tutorials are on point! Thanks a million.
1:30 turns into a queen
1.31 LOL
Love all your tutorials <3 Funny at times to keep you going, super cool videos!
Your operatic voice is delightful! 1:33
That exactly what I am looking for, thank you so much for making it clear
Possible 'drag and drop' systems first checks nodeType and in that way it helps to determine if element can be dropped?
Here is a link for the different node types: https://www.w3schools.com/jsref/prop_node_nodetype.asp
Thanks @The Net Ninja for a great tutorial! I always enjoy your videos!!
"cloneNode(true);" doesnt work for me and I dont understand why the console tells me:
Cannot read property 'cloneNode' of null
Node.nodeType – Web APIs | MDN
https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
w3schools is not really the best resource out there.
TRANSPILED FOR-OF LOOPS [on a NodeList]
https://daverupert.com/2017/10/for-of-loops-are-bad/
Hi Shaun I would love to go along with your course but git repo do not work for mee… it seems to be empty.
Merci 🙂
You made me think of javascipt in a new way. You are the best teacher ever!
Is there a particular reason why you keep using const to contain your dom elements instead of var?
what color scheme you use ?? …
You are the best!
Thank You !!
+The Net Ninja, What topic and syntax do you use in atom?