Secrets to Finding DOM Elements with CSS Selectors in JavaScript!

Did you know that you can find HTML Elements using JavaScript using the same syntax that CSS uses to apply styling? Well, you can! This episode will cover how to use some of the native JavaScript methods to find and manipulate the DOM without having to load any third-party libraries.

🔗 Resources:
-------------------------------------------

📚 Chapters
-------------------------------------------
00:00 : Introduction
00:18 - A discussion of jQuery
01:41 - DOM operations
05:27 - Manipulating elements and event operations
07:59 - Bonus discussion

🔖 My on-demand & free email courses
-------------------------------------------
📺 Mastering the SharePoint Framework
📺  Extend Viva Connections with the SharePoint Framework Adaptive Card Extensions
✉️  Explore & evaluate the SharePoint Framework
✉️  Understand the SharePoint Framework toolchain

🔗 Links
-------------------------------------------

#BrowserNative #JavaScript #cssselectors

[StefanBauer]

Great video!

Here are some missing pieces on inserting code that we used jQuery for before and after but more specific.

getElementByClassName

insertAdjacentElement()
InsertAdjacentHTML()
InsertAdjacentText()

Why you should not always use a document but you can also query on an element that you retrieved before.

Why document.getElementByID or is the same as window.output

[christophe]

I stopped writing with jQuery in 2013. What you are actually talking about are Internet Explorer versions prior to IE 9, whih was released in 2011. Admittedly, I kept "consuming" jQuery, because it's present in so many plugins.