技术好文: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
相关文章
|
4月前
|
XML JavaScript Java
【JAVA XML 探秘】DOM、SAX、StAX:揭秘 Java 中 XML 解析技术的终极指南!
【8月更文挑战第25天】本文详细探讨了Java中三种主流的XML解析技术:DOM、SAX与StAX。DOM将XML文档转换为树状结构,便于全方位访问和修改;SAX采取事件驱动模式,适用于大型文件的顺序处理;StAX则兼具DOM和SAX的优点,支持流式处理和随机访问。文中提供了每种技术的示例代码,帮助读者理解如何在实际项目中应用这些解析方法。
199 1
|
6月前
|
XML Java 数据格式
必知的技术知识:java基础73dom4j修改xml里面的内容(网页知识)
必知的技术知识:java基础73dom4j修改xml里面的内容(网页知识)
43 1
|
6月前
|
JavaScript 前端开发 UED
JavaScript基础-DOM操作:查找、创建、修改
【6月更文挑战第12天】本文介绍了DOM基础,包括查找元素(getElementById、getElementsByClassName等)、创建新节点(createElement、createTextNode)和修改节点(innerText、innerHTML、setAttribute等)。强调了易错点,如ID唯一性、性能考量和安全问题,并提供了代码示例。熟练掌握DOM操作对前端开发至关重要,但应注意性能优化,适时使用框架或库。
69 2
JavaScript基础-DOM操作:查找、创建、修改
|
6月前
|
JavaScript 前端开发
DOM操作有哪些方法可以改变元素的样式?
【6月更文挑战第30天】DOM操作有哪些方法可以改变元素的样式?
46 2
|
6月前
|
JavaScript 前端开发 开发者
DOM操作
【6月更文挑战第30天】DOM操作
40 1
|
6月前
|
JavaScript 前端开发 算法
虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。
【6月更文挑战第27天】虚拟DOM是React的关键技术,它是个轻量的JS对象树,模拟实际DOM结构。当状态改变,React不直接修改DOM,而是先构建新的虚拟DOM树。通过 diff 算法比较新旧树,找到最小变更,仅更新必要部分,提高性能,避免频繁DOM操作。虚拟DOM还支持跨平台应用,如React Native。它优化了更新流程,简化开发,并提升了用户体验。
45 1
|
5月前
|
JavaScript 前端开发 API
前端框架与库 - jQuery基础与DOM操作
【7月更文挑战第18天】jQuery 是一个简化JavaScript任务的库,以其“write less, do more”理念著称。核心功能包括DOM操作、事件处理和Ajax。DOM操作如选择元素(`$("p")`、`$("#myDiv")`、`$(".myClass")`)、创建及添加元素、修改属性和内容。事件处理如绑定(`click`)和触发(`trigger`)。常见问题涉及`$`符号冲突(使用`jQuery`代替)、异步加载管理和选择器性能优化。了解并规避这些问题能提升jQuery使用效率。
36 0
|
6月前
|
JavaScript 前端开发 安全
【JavaScript 】DOM操作快速入门
【JavaScript 】DOM操作快速入门
80 2
|
7月前
|
JavaScript 前端开发
JavaScript 提供了多种方法来操作 DOM(文档对象模型)
【5月更文挑战第11天】JavaScript 用于DOM操作的方法包括获取元素(getElementById, getElementsByClassName等)、修改内容(innerHTML, innerText, textContent)、改变属性、添加/删除元素(appendChild, removeChild)和调整样式。此外,addEventListener用于监听事件。注意要考虑兼容性和性能当使用这些技术。
48 2
|
7月前
|
JavaScript Java
JS&DOM技术文章
JS&DOM技术文章