Get up to speed with DOM manipulation techniques using JS and more through these scripts and snippets.
HTML or XML documents expose an interface knowns as DOM (Document Object Model) to the browser, it's tags provide structure and hierarchy or parent-child relationships among the elements and also act as labels.
The DOM structure and style can be manipulated by a scripting language (typically JS) that leads to infinite possibilities only limited by your creativity. This repo hosts collection of such exciting features as well as practical snippets to help beginners get up to speed and provide something new to intermediates and experts alike.
Knowing DOM manipulation is very important if we want to do any kind of software development work. It's ubiquitous and finds it's application everywhere weather it's web , mobile , front-end or even back-end. Even in projects where most of the code is in other languages there is some element of it , since “web interfaces” (HTTP/HTML/CSS/JavaScript) have become the standard in how to deliver applications to people, both on the consumer side and on the enterprise side. Even frameworks such as angular , node , vue , react encapsulate and hide the DOM directly but still require working with the DOM at a certain level.
- Any script that shows DOM element manipualtion
- Any script that shows the working of a specific js method
- Any JS techniques that's commonly used.
- Implementation of a specific functionality.
- Live Demos or easy to understand examples.
In programming and scripting there is no one method that's the best way.
There can be several approaches that do the same thing but are welcome as it is always useful to add new techniques to your skillset.
Also coming up with more than 1 solution is very important for those who are in a learning phase, this may help in broadening the overall understanding of the language.
Note :
- No external libraries , only native browser's APIs and vanilla JS.
- Work with modern browsers. Try to support IE 11.
- Read The Contributing Guidelines and Code Of Conduct
-
Fork this Repository.
-
Clone the Repository:
git clone "url of this repo" -
Raise an issue.
-
Wait for the issue to be assigned to you.
-
Create a branch:
git checkout -b <your-new-branch-name> -
Put your code :-
- Make a new folder in
Snippetsfolder. - Put Your code files (e.g. index.html, style.css, app.js) into your newely created folder.
- Add all neccessary information like functionalities, screenshots, working video(if required) in the
readme.mdfile. (you will have to create it in your newely created folder) - Add your folder's link in the main readme.md file of the repo.
- Make a new folder in
-
Push changes to GitHub:
git push origin <add-your-branch-name> -
Submit your changes for review.
-
And Boom! You're done 🥳
-
I will review and merge your changes into the master branch of this project. You will be automatically notified via E-mail once the changes have been merged.
| No | Name Of Snippet |
|---|---|
| 1 | URL |
Star Mark this repository and keep contributing as you learn!!