자바 스크립트를 사용하여 동적으로 HTML 요소 추가 - 텍스트 영역

Question

자바 스크립트를 사용하여 HTML 요소를 웹 페이지에 동적으로 추가/제거 할 수 있다는 것을 알고 있습니다. 다음과 같은 가능성이 궁금했습니다.

my coldfusion 웹 페이지에 두 개의 열 테이블이 있고 테이블의 마지막 행에 첫 번째 열에 링크가 있고 두 번째 열이 비어 있습니다. 사용자가 해당 링크를 클릭하면 두 번째 열에 텍스트 영역이 표시되고 지금까지는 비어 있습니다.

Javascript를 사용하여이 작업을 수행 할 수 있습니까? http://www.dustindiaz.com/add-and-remove-html-elements-dynamically-with-javascript/과 같은 몇 가지 포인터가 웹에서 약간의 링크를 거쳐 도움을 받았지만 내 시나리오에서 도움이되지 않는 것 같습니다.

미리 도움을 주셔서 감사합니다.

Answer 1

시나리오의 경우 요소를 추가 할 필요가 없습니다. 대신 요소가 이미 dom에로드되어있을 수도 있지만 숨겨진 링크를 클릭 한 다음 링크를 클릭하면 코드가 표시됩니다. 그 자바 스크립트는 아주 간단합니다.

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

Answer 2

물론 가능합니다. 나는 그것을 달성하는 가장 좋은 방법은, 그러나, 페이지의 일부로 정상적으로 항목을 만들고 CSS 스타일을 사용하여 숨길 때까지 동적으로 처음부터 만드는 것보다는 javascript를 통해 표시하려는 것입니다. 이렇게하면 서버 측 코드와의 통합이 더 쉬워집니다.