JS Bin

 
<!DOCTYPE html><html><head>  <meta name="description" content="demo of safer way to apply !important CSS styles using jQuery attr(); for http://stackoverflow.com/a/11723492/578288" /><script src="http://code.jquery.com/jquery-1.7.2.min.js"></script><meta charset=utf-8 /><title>demo of safer jQuery attr() for CSS styles</title></head><body>  <div id="elem"  style="width: 500px !important"  >    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut semper, nisi eget suscipit commodo, ante velit elementum dui, vitae porta mi augue eget nisl. Sed pretium interdum mauris et mattis. Fusce tincidunt viverra nibh sit amet gravida. Donec adipiscing lectus eget orci aliquet eleifend. Nullam id risus non leo adipiscing vehicula. Nullam interdum venenatis dictum. Praesent tellus orci, viverra id ornare vitae, consectetur ac quam. Fusce non gravida elit. Nunc a massa eget lectus accumsan dictum vel id urna. Ut molestie molestie enim, a fermentum sapien iaculis nec. Donec vitae vestibulum arcu. In eros nunc, pulvinar vitae consectetur quis, aliquet eget arcu. Etiam sit amet erat ut tellus ultricies ornare a ut dui. Nunc ac velit tortor, in congue libero. In pellentesque, libero eu blandit suscipit, neque diam tempor massa, non bibendum enim orci eu nisi.  </div></body></html>
​

#elem {

function addStyleAttribute($element, styleAttribute) {

Console

:help
:reset - destroy state and start afresh :history - list current session history :load <url> - to inject new DOM :load <script_url> - to inject external library load also supports following shortcuts:
jquery, underscore, prototype, mootools, dojo, rightjs, coffeescript, yui.
eg. :load jquery :clear - to clear contents of the console :about jsconsole

Output Auto-run JS

300px

Shortcut	Action
ctrl + [num]	Toggle nth panel
Require alt key, leaving cmd+1, 2 etc for tab switching.
ctrl + 0	Close focused panel
ctrl + enter	Re-render output. If console visible: run JS in console
Ctrl + l	Clear the console
ctrl + /	Toggle comment on selected lines
ctrl + ]	Indents selected lines
ctrl + [	Unindents selected lines
tab	Code complete & Emmet expand
ctrl + shift + L	Beautify code in active panel
ctrl + s	Save & lock current Bin from further changes
ctrl + shift + s	Open the share options
ctrl + y	Archive Bin
Complete list of JS Bin shortcuts

URL	Action
/	Show the full rendered output. This content will update in real time as it's updated from the /edit url.
/edit	Edit the current bin
/watch	Follow a Code Casting session
/embed	Create an embeddable version of the bin
/latest	Load the very latest bin (/latest goes in place of the revision)
/[username]/last	View the last edited bin for this user
/[username]/last/edit	Edit the last edited bin for this user
/[username]/last/watch	Follow the Code Casting session for the latest bin for this user
/quiet	Remove analytics and edit button from rendered output
.js	Load only the JavaScript for a bin
.css	Load only the CSS for a bin
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently.

JS Bin features

Pro features

Blog

Help

Donate to JS Bin ❤

JS Bin features

Pro features

Blog

Help

Donate to JS Bin ❤

Keyboard Shortcuts

JS Bin URLs