Firefox の jQuery html() (.innerHTML を使用) は DOM の変更を無視します_jquery

DOM:

复制代码 代码如下:

function DisplayTextBoxValue(){
var 要素= document.getElementById('テキストボックス');
// DOM 要素の属性を手動で設定します - innerHTML を更新します
element.setAttribute('value', element.value);
alert(document.getElementById("container").innerHTML);
false を返します。
}

.formhtml() がこれを自動的に行うようにする jQuery プラグイン:

复制代码 代コード如下:

(function($) {
var oldHTML = $.fn.html;
$.fn.formhtml = function() {
if (引数.length) return oldHTML.apply(this,arguments);
$("input,textarea,button", this).each(function() {
this.setAttribute('value',this.value) ;
});
$(":radio,:checkbox", this).each(function() {
// 「チェック済み」に対してこれを行う必要があるかどうかさえわかりません
// でも、何だ、残念よりは安全です
if (this.checked) this.setAttribute('checked', 'checked')
else this.removeAttribute('checked'); });
$("option", this).each(function() {
// これもわかりませんが、より安全です...
if (this.selected) this.setAttribute( 'selected', 'selected');
else this.removeAttribute('selected')
return
};
// $.fn.html = $.fn.formhtml
})(jQuery); したい場合は、実際の .html() をオーバーライドします。