js添加子元素 table tr td createElement

js代码:增加一行五列的表格

function AddList(){
    obj = document.getElementById(‘tab_g‘);    

    $str1 = ‘1‘;
    $str2 = ‘2‘;
    $str3 = ‘3‘;
    $str4 = ‘4‘;
    $str5 = ‘5‘;

    newTr = document.createElement(‘tr‘);
    newTd1 = document.createElement(‘td‘);
    newTd2 = document.createElement(‘td‘);
    newTd3 = document.createElement(‘td‘);
    newTd4 = document.createElement(‘td‘);
    newTd5 = document.createElement(‘td‘);

    newTd1.innerHTML = $str1;
    newTd2.innerHTML = $str2;
    newTd3.innerHTML = $str3;
    newTd4.innerHTML = $str4;
    newTd5.innerHTML = $str5;

    newTr.appendChild(newTd1);
    newTr.appendChild(newTd2);
    newTr.appendChild(newTd3);
    newTr.appendChild(newTd4);
    newTr.appendChild(newTd5);

    document.getElementById(‘tab_g‘).appendChild(newTr)
}
时间: 2024-07-28 18:25:55

js添加子元素 table tr td createElement的相关文章

jquery与js添加子元素

例如在select中添加option JQuery做法: <select id="myselect" name="myselect"> </select> $("#myselect").append('<option value="-1">请选择</option>'); js的做法:@参考文章 关于 select 的添加 option 应该注意的问题. 标准的做法如上也就是说,标

php导出数据到excel,防止身份证等数字字符格式变成科学计数的方-------缺点,必须使用table tr td

php导出数据到excel,防止身份证等数字字符格式变成科学计数的方 时间:2012-08-17 13:50来源:未知 作者:硅峰网络-红豆 点击:219次 在网上查了很多资料知道解决办法大概有两个:一是在身份证字段前加个英文单引号,二是设置Excel的格式为文本格式. 我试用过第一种确实可以显示,但是有个'号在那里感觉确实不是很好,虽然听说不影响,但是需要用户点击那个单元格那个单引号才消失,并且在该 在网上查了很多资料知道解决办法大概有两个:一是在身份证字段前加个英文单引号,二是设置Excel

jquery遍历table tr td内容

$("#result").find("tr").each(function () { $(this).find("td").each(function () { if ($(this).text().indexOf("惠") > 0) { var m = $(this).text().toString(); $(this).css("width", "165px"); $(this

汇总常用的jQuery操作Table tr td方法

虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下次再使用的到时候,会让你如鱼得水,提高开发效率. 1.鼠标移动行变色  $("#table1 tr").hover(function(){ $(this).children("td").addClass("hover") },function(){

jQuery操作表格,table tr td,单元格

jQuery操作表格,table tr td,单元格 乔乐共享jQuerytable单元格表格 最终效果图:  .td_back_color { background-color: red; } .td_center { text-align: center; font-weight:bold; } <table id="tbl_count"> <caption>2013春节聚会收支统计</caption> <tr> <th>

jQuery操作Table tr td方法大全

虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下次再使用的到时候,会让你如鱼得水,提高开发效率. 1.鼠标移动行变色  $("#table1 tr").hover(function(){ $(this).children("td").addClass("hover") },function(){

jquery-创建元素和添加子元素

一.创建新元素 1.使用$函数创建新元素 var $newElement=$('<div><p>段落</p></div>');//创建元素,返回jQuery对象 说明: 1)创建的新元素不会自动的把新元素插入到页面中,我们还需要明确的指定其插入到页面中的位置(比如使用append方法,指定 其插入位置为某个元素的最后一个子元素) 2)返回的jQuery对象中只包含html片段最顶层(外层)的元素,对于后代元素我们可以像处理页面中已有元素一样,使用 child

Jquery 动态添加删除元素 用js添加的元素无法删除问题

用jquery方法的绑定侦听和销毁来解决动态div的增加删除: 正确代码: <script type="text/javascript" > $(document).ready(function(){  bindListener(); }) function addimg(){  $("#mdiv").append('<div ><input type="file" name="img[]" /&

js追加子元素

在页面加载完毕后,向div元素追加span子元素 <html><head><title>js</title><script type="text/javascript">    window.onload=function(){        var div=document.getElementById("divid");        var span=document.createElement(&q