Javascriptを使用してHTML要素 - テキスト領域を動的に追加する

Question

Javascriptを使用してHTML要素を動的にWebページに追加/削除することは可能です。

私のcoldfusion Webページには2つの列テーブルがあり、テーブルの最後の行には最初の列にリンクがあり、2番目の列には空白が含まれています。ユーザーがそのリンクを押すと、これまでに空白だった2番目の列にテキストエリアが表示されます。

Javascriptを使用してこれを行うことはできますか？私はウェブ上のいくつかのリンクを介していくつかのポインタhttp://www.dustindiaz.com/add-and-remove-html-elements-dynamically-with-javascript/のように助けてくれたが、彼らは私のシナリオで私を助けてくれないようだ。

ご協力ありがとうございます。

Answer 1

シナリオでは、要素を追加する必要はありません。代わりに、要素がすでにdomにロードされていることもできますが、リンクがクリックされたときに表示するコードをいくつか起動します。そのためのjavascriptは非常に簡単です。

function ShowTextArea() 
{ 
    var ta = document.getElementById("textareaId"); 
    ta.style = "display:inline"; 
} 

Answer 2

確かにこれを行うことができます。私はそれを達成するための最良の方法は、通常、ページの一部として項目を作成し、動的にゼロから作成するのではなく、javascriptで表示するまでCSSスタイルを使用して非表示にすることです。これにより、サーバー側のコードとの統合が容易になります。