节点的操作
Posted 超大西瓜
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了节点的操作相关的知识，希望对你有一定的参考价值。
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 5 <title>节点操作</title> 6 <script type="text/javascript"> 7 // table节点 8 function read_node_table() 9 { 10 var node_body = document.body; 11 var node_table = node_body.firstChild; 12 alert(node_table.nodeName); 13 } 14 // tr节点 15 function read_node_tr() 16 { 17 var node_body = document.body; 18 var node_table = node_body.firstChild; 19 var node_tbody = node_table.firstChild; 20 var node_trs = node_tbody.childNodes; 21 alert(node_trs[1].nodeName); 22 } 23 // td节点 24 function edit_node_td(){ 25 var node_body = document.body; 26 var node_table = node_body.firstChild; 27 var node_tbody = node_table.firstChild; 28 var node_trs = node_tbody.childNodes; 29 var node_tds = node_trs[1].childNodes; 30 var node_text = node_tds[2].firstChild; 31 node_text.nodeValue = "2016-12-31"; 32 } 33 </script> 34 </head> 35 <body><table border="1" rules="all"><tr><td>编号</td><td>新闻标题</td><td>发布日期</td></tr><tr><td>1234</td><td>广州传智播客</td><td>2016-12-12</td></tr></table> 36 <input type="button" value="访问table节点" onclick="read_node_table()" /> 37 <input type="button" value="访问tr节点" onclick="read_node_tr()" /> 38 <input type="button" value="修改日期" onclick="edit_node_td()" /> 39 </body> 40 </html>
以上是关于节点的操作的主要内容，如果未能解决你的问题，请参考以下文章
javascript 用于在节点#nodejs #javascript内设置react app的代码片段
VSCode自定义代码片段15——git命令操作一个完整流程