Javascriptでdocument.innerHTMLを使用した自己閉鎖タグの問題

Question

私は、Firefox（Greasemonkey）、Opera、およびChrome用のブラウザプラグインをWebサイト用のJavascriptで作成しています。私は変数にdocument.innerHTMLをロードする際に問題が、

<form name="foo" action="foo.php" method="get"> 
<td id="td">text: 
**<input name="k" type="text">** 
&nbsp;</td> 

に変換され

<form name="foo" action="foo.php" method="get"> 
<td id="td">text: 
<input name="k" type="text" /> 
&nbsp;</td> 
</form> 

...（私はプラグインのために書いています）のウェブサイトの上の元のコードです

...これです。ご覧のとおり、自己閉鎖<input />タグはもう閉じず、</form>タグも消えました。私はほとんどすべてのインターネットを探知していますが、私が読んだ解決策のどれも私の問題を解決しませんでした。

Answer 1

.innerHTMLを取得すると、終了時に</form>タグがFirefoxに表示されます。

私は行方不明タグが、私はかなり確信しているあなたのマークアップに起因することをお勧めしたい無効です：

<!-- A <form> wrapping a <td> ? --> 
<form name="foo" action="foo.php" method="get"> 
    <td id="td">text: 
     <input name="k" type="text" /> 
     &nbsp; 
    </td> 
</form> 

<td>要素の親が<tr>、ない<form>でなければなりません。このマークアップを考えると

：

<table> 
    <tr> 
     <form name="foo" action="foo.php" method="get"> 
      <td id="td">text: 
       <input name="k" type="text" /> 
       &nbsp; 
      </td> 
     </form> 
    </tr> 
</table> 

を... Firefoxは私に<table>ため、このinnerHTMLを与える：

<tbody> 
    <tr> 
     <form name="foo" action="foo.php" method="get"></form> 
      <td id="td">text: 
       <input name="k" type="text"> 
       &nbsp; 
      </td> 

    </tr> 
</tbody> 

それは無効なマークアップの修正を試みます。

DEMO：http://jsfiddle.net/grM4c/