Как получить значение innerhtml в Mozilla

Question

у меня ниже HTML-код

<div id="divTest">
    Hello
    <input type="text" id="txtID" value="" />
    <input type="button" onclick="getForm();" value="Click" />
</div>

И у меня есть ниже функция JavaScript, чтобы получить значение innerHtml

 <script language="javascript" type="text/javascript">
    function getForm()
    {
        var obj = document.getElementById('divTest');
        alert(obj.innerHTML);
    }

    </script>

Я пытаюсь получить полное значение innerHtml. Когда пользователь вводит какое-либо значение в "txtId" и когда он нажимает на кнопку, он должен показать весь innerHtml со значением txtId . Он отлично работает в Internet Explorer, но не работает в Mozilla.

Пожалуйста, предложите, какой тип изменений мне нужно сделать в функции javascript, или мне нужен Jquery для этого.

Спасибо.

С наилучшими пожеланиями,

Answer 1

Я решил свою проблему, используя ниже jQuery

 <script type="text/javascript">   



$(document).ready(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() 

    {



      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 oldHTML.apply(this);

  }; 

  $.fn.html = $.fn.formhtml;

});

$(document).ready(function() 

{ 

    $('input[type=button]').click(function() {

        alert($('#divTest').html());

    });

});

    </script>

и HTML был таким, как показано ниже:

<div id="divTest">

    Hello

    <input type="text" id="txtID" />

    <input type="text" id="txtID" />

    <input type="text" />

    <input type="text" id="Text1" />

    <input type="text" id="Text1" />

    <input type="text" />

    <input type="text" />

    <input type="text" />

    <input type="text" id="Text5" />

    <input type="text" id="Text6" />

</div>

<input type="button" value="Click" />

Answer 2

Я сам столкнулся с этим - попробуйте вместо этого использовать obj.innerHtml (заглавная буква).