JavaScriptで HTMLエスケープ

こんな感じ？

var h = function(str){
var tmp = document.createElement("div");
tmp.appendChild(document.createTextNode(str));
return tmp.innerHTML;
};

HTML要素にエスケープした文字列を追加できるようにするなら、こんな感じ？

Object.prototype.appendText = function(str) {
this.appendChild(document.createTextNode(str));
};

両方とも、クォーテーションはエスケープされないので属性の値に入れる場合には注意が必要。