HTML5 Custom Attributes And How To Access Them Using JavaScript And CSS

๐ŸŽ Join my channel to get access to perks:
https://www.youtube.com/channel/UC8n8ftV94ZU_DJLOLtrpORA/join

๐Ÿงก Hello All JavaScript Lovers Outhere!

Today you’re going to learn about HTML5 custom attributes and how to access them using JavaScript and CSS.

HTML5 custom attributes (or data attributes) allow you to store extra information on HTML elements without the need to do any hacks to do so. such as non-standard attributes, or extra properties on DOM.

In this tutorial, I will show you how to properly create custom attributes for HTML elements.

Also you will learn how to access/read custom attributes with JavaScript using built-in methods like getAttribute() and setAttributes, and also read them through the dataset object.

You will also learn how to access/read custom (data) attributes with CSS, using the function attr(), also you will learn how to select elements in CSS using these custom attributes.

๐Ÿ•” Timeline :
00:00:00 – Intro
00:00:17 – HTML Syntax
00:01:20 – JavaScript Access
00:04:30 – CSS Access

๐ŸŒ Social Media Links.
โ—พ Facebook : https://www.facebook.com/Code.Explained.Official
โ—พ Twitter : https://twitter.com/code_explained
โ—พ Instagram : https://www.instagram.com/Code.Explained.Official/
โ—พ GitHub : https://github.com/CodeExplainedRepo

๐Ÿ’ฒ Suppport the Channel
Paypal : https://paypal.me/CodeExplained
Buy Me a Coffee: https://www.buymeacoffee.com/CodeExplained

How to Learn JavaScript for Beginner

JavaScript for beginner|JavaScript for beginner

How to Learn JavaScript for Beginner

As a JavaScript for beginner, you might be wondering how you can learn this programming language. In fact, this language is actually easier to learn than you might think. For starters, JavaScript has a great deal of visual feedback. As long as you keep the code short, you can see the results almost instantly. You will also find that JavaScript has a huge community and plenty of support for new learners. It supports imperative, functional, and object-oriented programming, and the skills you develop can be transferred to other languages. JavaScript for beginners provides a great foundation for programming, as it teaches a few key principles and practices of JavaScript.

You May Also Like