技术好文:tabel表格的dom操作

简介: 技术好文:tabel表格的dom操作

"

对table表格的操作比较麻烦,一直字符串的连接会比较麻烦

var nod = cwgk_msg_list.insertRow();//这个是上边获取过的dom元素,一般是tbody的元素,对元素进行操作,

cell = nod.insertCell();

cell.setAttribute(""align"",""center"");

cell.innerHTML=json【i】.name;//名称 //这三部是必须的,第一不是增加一个表格,第二部设置表格的属性,第三部:为td赋值

cell = nod.insertCell();

cell.setAttribute(""align"",""center"");

//代码效果参考:https://v.youku.com/v_show/id_XNjQwNjg0MTQ1Ng==.html

cell.innerHTML=json【i】.description;//说明

cell = nod.insertCell();

cell.setAttribute(""align"",""center"");

var sele=""1"";

cell.innerHTML= sele;//模板名称

cell = nod.insertCell();

cell.setAttribute(""align"",""center"");

if(json【i】.disabled == ""1"")

{

var option = '启用不启用';

}

else

{

var option = '启用不启用';

}

cell.innerHTML= """"+option+"""";//是否启用

cell = nod.insertCell();

// cell.setAttribute(""align"",""center"");

var sele=""""+op+"""";

cell.innerHTML= sele;//公众号

cell = nod.insertCell();

cell.setAttribute(""align"",""center"");

cell.setAttribute(""class"",""timeago"");

//代码效果参考:https://v.youku.com/v_show/id_XNjQwNjg1MDQ5Ng==.html

cell.setAttribute(""title"", json【i】.update);

cell.innerHTML= json【i】.update;//更新时间

cell = nod.insertCell();

cell.setAttribute(""align"",""center"");

var btn='保存'

cell.innerHTML = btn;//保存按钮

希望自己写的东西能够对大家有所帮助!谢谢


"
image.png
相关文章
|
2月前
|
缓存 JavaScript 前端开发
【JavaScript 技术专栏】DOM 操作全攻略:从基础到进阶
【4月更文挑战第30天】本文深入讲解JavaScript与DOM交互,涵盖DOM基础、获取/修改元素、创建/删除元素、事件处理结合及性能优化。通过学习,开发者能掌握动态改变网页内容、结构和样式的技能,实现更丰富的交互体验。文中还讨论了DOM操作在实际案例、与其他前端技术结合的应用,助你提升前端开发能力。
|
5天前
|
XML Java 数据格式
必知的技术知识:java基础73dom4j修改xml里面的内容(网页知识)
必知的技术知识:java基础73dom4j修改xml里面的内容(网页知识)
11 1
|
22天前
|
JavaScript 前端开发 UED
JavaScript基础-DOM操作:查找、创建、修改
【6月更文挑战第12天】本文介绍了DOM基础,包括查找元素(getElementById、getElementsByClassName等)、创建新节点(createElement、createTextNode)和修改节点(innerText、innerHTML、setAttribute等)。强调了易错点,如ID唯一性、性能考量和安全问题,并提供了代码示例。熟练掌握DOM操作对前端开发至关重要,但应注意性能优化,适时使用框架或库。
JavaScript基础-DOM操作:查找、创建、修改
|
4天前
|
JavaScript 前端开发
DOM操作有哪些方法可以改变元素的样式?
【6月更文挑战第30天】DOM操作有哪些方法可以改变元素的样式?
6 2
|
4天前
|
JavaScript 前端开发 开发者
DOM操作
【6月更文挑战第30天】DOM操作
8 1
|
7天前
|
JavaScript 前端开发 算法
虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。
【6月更文挑战第27天】虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。当状态改变,React不直接修改DOM,而是先构建新的虚拟DOM树。通过 diff 算法比较新旧树,找到最小变更,仅更新必要部分,提高性能,避免频繁DOM操作。虚拟DOM还支持跨平台应用,如React Native。它优化了更新流程,简化开发,并提升了用户体验。
13 1
|
21天前
|
JavaScript 前端开发 安全
【JavaScript 】DOM操作快速入门
【JavaScript 】DOM操作快速入门
15 2
|
2月前
|
JavaScript 前端开发
JavaScript 提供了多种方法来操作 DOM(文档对象模型)
【5月更文挑战第11天】JavaScript 用于DOM操作的方法包括获取元素(getElementById, getElementsByClassName等)、修改内容(innerHTML, innerText, textContent)、改变属性、添加/删除元素(appendChild, removeChild)和调整样式。此外,addEventListener用于监听事件。注意要考虑兼容性和性能当使用这些技术。
23 2
|
2月前
|
JavaScript Java
JS&DOM技术文章
JS&DOM技术文章
|
2月前
|
JavaScript 前端开发 安全
javascript操作DOM的方法
javascript操作DOM的方法
19 0