Divをボタンに移動

Question

この新しいボタンをこのDIVに移動する必要があります。これはうまくいくはずだが、そうではないようだ。私は間違って何をしていますか？

Button button5 = new Button(); 
button5.Text = "Five"; 
button5.CssClass = "buttonCSS"; 
button5.Click += new EventHandler(button5_Click); 
button5.ID = "button5"; 
this.Controls.Add(button5);    

string myscript = @"  
    var navFooter = document.getElementById('NavFooter'); 
    var button5 = document.getElementById('button5'); 
    navFooter.Controls.Add(button5); 
    "; 
Page.ClientScript.RegisterStartupScript(this.GetType(), "MyScript", myscript, true); 

2つのオブジェクトが見つかりました。何か案は？

（注：jQueryは使用できません）

ありがとうございます。

Answer 1

Controls.Add()はJavaScriptではなく、C＃です。 JavaScriptを使用して別の要素に要素を追加するには、appendChild()を使用します。

navFooter.appendChild(button5); 

Answer 2

なぜあなたはjavascriptを介してこれをやっていますか？

<div>を<asp:Panel>に変更すると、新しく作成されたボタンをこのパネルに直接追加できます。 <asp:Panel>は単に<div> html要素としてレンダリングされ、CssClassを追加してスタイルを同じに保つことができます。

サーバー側を全体的により詳細に制御できるため、JavaScriptについて心配する必要はありません。とにかくあなたはサーバー側の仕事をやっているからです。

Answer 3

だけのdivににrunat = "server" を追加し、背後にあるコードでそれを追加します。

<div id="dvButtonContainer" runat="server" ... > 

それはとにかくdiv要素を出力として別のオプションは、パネルを使用することです：

<asp:Panel ID="dvButtonContainer" runat="server" ... > 

そして背後にあるコードで：

Button button = new Button(); 
dvButtonContainer.Controls.Add(button); 

EDIT：DI以来Vにアクセスできない場合は、回避策を次に示します。

Button Button1 = new Button(); 

Page.ClientScript.RegisterStartupScript(this.GetType(), "MyScript", String.Format("document.getElementById(\"div1\").appendChild({0});", Button1.UniqueID), true);