Javascript SET, GET and REMOVE Attribute With Example

In this Article i am going to explain how we will Use SET, GET and REMOVE Attribute using Javascript

SET-GET-REMOVE Attributes using Javascript

First we will see the basic syntax of the SET, GET and REMOVE Attribute using Javscript

SetAttribute Using Javascript

element.setAttribute('attributeName','value');

GetAttribute Using Javascript

element.getAttribute('attributeName');

Remove Attribute Using Javascript

element.removeAttribute('attributeName');

check the below we implement in the real time Scenarios

jQuery Accordion Toggle Example with plus and minus buttons

jQuery Accordion Toggle

In this article, i created a Accordion with plus and minus toggle

In Day to Day Life we develop lot of interactive pages, we uses accordions for that pages

this jQuery Accordion is pretty simply, with 14 line of code you can create n number of accordions easily

check the below code

New "Firefox developer Edition" Browser in Detail

At Last Mozilla Came up with New Developer Friendly Browser ,
it named as "Firefox Developer Edition" , it's a bundle of lot useful features for web developers

Click Here to Download Firefox Developer Edition

New Developer Tool bar in Firefox Developer Edition Look like below pic

New Conversation system directly available in the browser itself

Browser Based Open WebIDE check below screen shot

Still lot's more features are available in the new firefox developer edition For More Details :

Browse : https://www.mozilla.org/en-US/firefox/developer/

Package's Management in Sublime Text IDE

Before exploring into Sublime Text IDE Packages

we will start from the first step, Downloading the Sublime text IDE

Click here to download the Sublime Text IDE Latest Version

After Installing the Sublime Text IDE, To Manage the Packages, we need to install the Package Control in the sublime text , follow the below process

The simplest method of installation is through the Sublime Text console. The console is accessed via the ctrl+` shortcut or the menu. Once open, paste the appropriate Python code for your version of Sublime Text into the console.

you can see the console at the bottom as below screen shot

After that copy the below code in the console based on the Sublime Version you are using, then press enter

-----
Alternative Method :

If for some reason the console installation instructions do not work for you (such as having a proxy on your network), perform the following steps to manually install Package Control:

Click the Preferences > Browse Packages… menu
Browse up a folder and then into the Installed Packages/ folder
Download Package Control.sublime-package and copy it into theInstalled Packages/ directory
Restart Sublime Text

Javascript DOM Manipulations with Example

In this Article i like to explain how we are using javascript for DOM Manipulation,
As part of explanation, i am going to create a vertical tabs with information as a example

1. Event handling using JavaScript

2. Add or Remove class using JavaScript

3. Adding inline styles using JavaScript

Event Handling using Javascript in the below article

Click Here View Detailed article on EventHandling

For Add or Remove Class Name, we will do using the className in the Javascript

for Asssinging the classname in javascript

example : element.className = "newclass";

for Removing the classname in javascript

example : element.className="";

Adding inline Style using javascript

example : element.style.width = "330px"

i created a small example [Vertical Tab Menu with Data] with all the above dom manpulation features

MAC Sublime Text IDE Shortcuts / Cheat Sheet

Useful Shortcuts for MAC Sublime text user

General

⌘ + ⇧ + P	Command Palette
⌘ + P	Goto Anything
⌘ + R	Goto Symbol
⌘ + N	New File
⌘ + S	Save File
⌘ + ⇧ + S	Save File As
⌘ + ⌥ + S	Save All
⌘ + O	Open File
⌘ + W	Close File
⌘ + ⇧ + T	Reopen Closed File
⌘ + ⇧ + N	New Window
⌘ + ⇧ + W	Close Window
⌘ + K, ⌘ + B	Show Sidebar
⌃ + `	Show Console
⌘ + ⌃ + F	Enter Full Screen
⌘ + ⌃ + ⇧ + F	Enter Distraction Free Mode

Search / Replace

⌘ + F	Find
⌘ + G	Find Next
⌘ + ⇧ + G	Find Previous
⌘ + I	Incremental Find
⌘ + ⌥ + F	Replace
⌘ + ⌥ + E	Replace Next
⌘ + ⌥ + G	Quick Find (searches for the word under the cursor)
⌘ + ⌃ + G	Quick Find All (selects all occurences of the word under the cursor)
⌘ + E	Use Selection for Find
⌘ + ⇧ + E	Use Selection for Replace
⌘ + ⇧ + F	Find in Files (all open files)
F4	Next Result (file search results)
⇧ + F4	Previous Result (file search results)

An integrated development environment (IDE) or interactive development environment is a software application that provides comprehensive facilities to computer programmers for software development. An IDE normally consists of a source code editor, build automation tools and a debugger.

Sublime Text is a Best IDE for code, markup and prose. You'll love the slick user interface, extraordinary features and amazing performance.

Download Link for Sublime Text 3 IDE are below

OS X (10.7 or later is required)
Windows - also available as a portable version
Windows 64 bit - also available as a portable version
Ubuntu 64 bit - also available as a tarball for other Linux distributions.
Ubuntu 32 bit - also available as a tarball for other Linux distributions.