jQuery html() in Firefox (uses .innerHTML) ignores DOM chang

nancy叶子瑶

nancy叶子瑶

2016-02-19 13:33

有了下面这个jQuery html() in Firefox (uses .innerHTML) ignores DOM chang教程,不懂jQuery html() in Firefox (uses .innerHTML) ignores DOM chang的也能装懂了,赶紧get起来装逼一下吧!
DOM:

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
function DisplayTextBoxValue(){
var element = document.getElementById('textbox');
// set the attribute on the DOM Element by hand - will update the innerHTML
element.setAttribute('value', element.value);
alert(document.getElementById("container").innerHTML);
return false;
}

jQuery plugin that makes .formhtml() automatically do this:

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
(function($) {
var oldHTML = $.fn.html;
$.fn.formhtml = function() {
if (arguments.length) return oldHTML.apply(this,arguments);
$("input,textarea,button", this).each(function() {
this.setAttribute('value',this.value);
});
$(":radio,:checkbox", this).each(function() {
// im not really even sure you need to do this for "checked"
// but what the heck, better safe than sorry
if (this.checked) this.setAttribute('checked', 'checked');
else this.removeAttribute('checked');
});
$("option", this).each(function() {
// also not sure, but, better safe...
if (this.selected) this.setAttribute('selected', 'selected');
else this.removeAttribute('selected');
});
return oldHTML.apply(this);
};
//optional to override real .html() if you want
// $.fn.html = $.fn.formhtml;
})(jQuery);
展开更多 50%)
分享

猜你喜欢

jQuery html() in Firefox (uses .innerHTML) ignores DOM chang

Web开发
jQuery html() in Firefox (uses .innerHTML) ignores DOM chang

jQuery 创建Dom元素

Web开发
jQuery 创建Dom元素

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

HTML DOM Viewer

Web开发
HTML DOM Viewer

innerHTML在Firefox和Opera下的执行特例

Web开发
innerHTML在Firefox和Opera下的执行特例

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

锋利的jQuery jQuery中的DOM操作

Web开发
锋利的jQuery jQuery中的DOM操作

jQuery DOM操作小结与实例

Web开发
jQuery DOM操作小结与实例

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

VisualBasic控件数据

VisualBasic控件数据

VisualBasic控件结构概述

VisualBasic控件结构概述
下拉加载更多内容 ↓