首页 > 代码库 > 节点的操作
节点的操作
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>
节点的操作
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。