| function(a,b){ | |
| return | |
| b==a? //if a is undefined | |
| this.innerHTML //return innerHTML | |
| : //else | |
| (this.innerHTML=a,this) //set innerHTML to a, then, return this (allows chaining) | |
| } |
| function(a,b){return b==a?this.innerHTML:(this.innerHTML=a,this)} |
| { | |
| "name": "jQueryHTML", | |
| "description": "A clone of the jQuery .html() method", | |
| "keywords": [ | |
| "jQuery", | |
| "dom", | |
| "innerHTML", | |
| "method" | |
| ] | |
| } |
| <!DOCTYPE html> | |
| <title>Foo</title> | |
| <i>foo</i> | |
| <b>bar</b> | |
| | |
| <script> | |
| foo = document.getElementsByTagName('i')[0] | |
| bar = document.getElementsByTagName('b')[0] | |
| inp = document.getElementsByTagName('input')[0] | |
| Element.prototype.html = function(a,b){return b==a?this.innerHTML:(this.innerHTML=a,this)} | |
| foo.html("text was changed!"); | |
| bar.html("This will be overwritten because .html() is chainable!") | |
| .html( | |
| foo.html() | |
| ) | |
| </script> |
Save 6 bytes?
function(a,b){return b!=a?(this.innerHTML=a,this):this.innerHTML}
@maettig
AH!
How did I not see that?
Good job :)
"but in your code, if you do .html(0) it will return this.innerHTML"
@williammalo, your previous code also reacted)
function(a,b){if(b=a!=undefined)this.innerHTML=a;return b?this:this.innerHTML}