Question

我有像

这样的javascript

function btnclick()
{

  \\creating a div dynamically
  div[divclick,300,200, 'ok', cancel, btnok_click, btncancel_click]

}

<div style display:none>
<table id = 'tblcontainer'>
<tr>
<td>
add:
</td>
<asp:label id = lblgo>
</asp:label>
</tr>
</table>

现在执行按钮单击功能。我需要将表容器附加到divclick（动态创建）

Answer 1

你的javascript不真实且你的html格式不正确，所以我假设它是伪代码。

function btnclick(){
        \\creating a div dynamically
        var div = document.createElement("DIV");
        \\ you can do the other stuff not sure where you got the following...
        \\  div[divclick,300,200, 'ok', cancel, btnok_click, btncancel_click]
        div.appendChild(document.getElementById('tblcontainer'));
}

<div style display:none>
<table id = 'tblcontainer'>
<tr>
<td>
add:
</td>
<asp:label id = lblgo>
</asp:label>
</tr>
</table>

Answer 2

您可以使用ID定义一个div标签：“divID”或其他

然后，

var adddivAll = document.getElementById("divID");
adddivAll.innerHTML = showData();

功能

function showData()
{
   var str;

   str = "<table width='300' border='0' cellspacing='0' cellpadding='0' align='left'>";

   str += "<tr><th width='55'>Rang</th><th width='80'>Name</th></tr>";

   for (i = 0; i < array_count; i++) {
       str += "<tr><td width='55'>" + array_count[i] + "</td><td width='85'>" + array_count_Name[i] + "</td></tr>";
   }

   str += "</table>";

   return str;
}

对于array_count：您可以为动态值获取数组。与array_count_name相同。

感谢。

Answer 3

创建新元素的语法是

var element= document.createElement(TAG_NAME);

TAG_NAME是一个字符串示例，值为“DIV”，“H1”，“SPAN”等。

用于添加新创建元素的属性

element.setAttribute('attributeName','value'); // or element.attributeName = 'value';

attributeName =＆gt;属性的名称，类，id，样式，对齐等等。

将内容添加到创建的元素中：

var content = document.getElementById('tblcontainer').outerHTML;
element.innerHTML = content;

对于content变量，我们可以提供元素字符串值。

将创建的元素附加到body或任何其他div元素

var _div = document.getElementById("divId");
_div.appendChild(element);
//or
var _body = document.getElementsByTagName('body')[0];
_body.appendChild(element);

使用javascript在div标签中附加表格

3 个答案: