js中如何通过id查询或者删除树形结构 js某一个节点啊

来源：蜘蛛抓取(WebSpider) 时间：2017-09-07 12:29 标签： js实现树形结构表格
2017年10月 Web 开发大版内专家分月排行榜第二2017年9月 Web 开发大版内专家分月排行榜第二2017年8月 Web 开发大版内专家分月排行榜第二2017年7月 Web 开发大版内专家分月排行榜第二2017年5月 Web 开发大版内专家分月排行榜第二2017年4月 Web 开发大版内专家分月排行榜第二2017年3月 Web 开发大版内专家分月排行榜第二2017年1月 Web 开发大版内专家分月排行榜第二2016年11月 Web 开发大版内专家分月排行榜第二2016年9月 Web 开发大版内专家分月排行榜第二2016年8月 Web 开发大版内专家分月排行榜第二2016年7月 Web 开发大版内专家分月排行榜第二2016年6月 Web 开发大版内专家分月排行榜第二2016年5月 Web 开发大版内专家分月排行榜第二2016年4月 Web 开发大版内专家分月排行榜第二2016年2月 Web 开发大版内专家分月排行榜第二2015年9月 Web 开发大版内专家分月排行榜第二2015年7月 Web 开发大版内专家分月排行榜第二2015年6月 Web 开发大版内专家分月排行榜第二2015年4月 Web 开发大版内专家分月排行榜第二2015年3月 Web 开发大版内专家分月排行榜第二2015年2月 Web 开发大版内专家分月排行榜第二
2016年12月 Web 开发大版内专家分月排行榜第三2016年10月 Web 开发大版内专家分月排行榜第三2016年1月 Web 开发大版内专家分月排行榜第三2015年12月 Web 开发大版内专家分月排行榜第三2015年11月 Web 开发大版内专家分月排行榜第三2015年10月 Web 开发大版内专家分月排行榜第三2015年5月 Web 开发大版内专家分月排行榜第三2015年1月 Web 开发大版内专家分月排行榜第三2014年12月 Web 开发大版内专家分月排行榜第三
2017年10月 Web 开发大版内专家分月排行榜第二2017年9月 Web 开发大版内专家分月排行榜第二2017年8月 Web 开发大版内专家分月排行榜第二2017年7月 Web 开发大版内专家分月排行榜第二2017年5月 Web 开发大版内专家分月排行榜第二2017年4月 Web 开发大版内专家分月排行榜第二2017年3月 Web 开发大版内专家分月排行榜第二2017年1月 Web 开发大版内专家分月排行榜第二2016年11月 Web 开发大版内专家分月排行榜第二2016年9月 Web 开发大版内专家分月排行榜第二2016年8月 Web 开发大版内专家分月排行榜第二2016年7月 Web 开发大版内专家分月排行榜第二2016年6月 Web 开发大版内专家分月排行榜第二2016年5月 Web 开发大版内专家分月排行榜第二2016年4月 Web 开发大版内专家分月排行榜第二2016年2月 Web 开发大版内专家分月排行榜第二2015年9月 Web 开发大版内专家分月排行榜第二2015年7月 Web 开发大版内专家分月排行榜第二2015年6月 Web 开发大版内专家分月排行榜第二2015年4月 Web 开发大版内专家分月排行榜第二2015年3月 Web 开发大版内专家分月排行榜第二2015年2月 Web 开发大版内专家分月排行榜第二
2016年12月 Web 开发大版内专家分月排行榜第三2016年10月 Web 开发大版内专家分月排行榜第三2016年1月 Web 开发大版内专家分月排行榜第三2015年12月 Web 开发大版内专家分月排行榜第三2015年11月 Web 开发大版内专家分月排行榜第三2015年10月 Web 开发大版内专家分月排行榜第三2015年5月 Web 开发大版内专家分月排行榜第三2015年1月 Web 开发大版内专家分月排行榜第三2014年12月 Web 开发大版内专家分月排行榜第三
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
&div class="text-center li-com-mar li-com-pad li-com-fl" id="da-thumbs0"&
&a href="javascript:;"&
&img src="images/11.jpg"&
&div class="hot-info"&
&h2&趣味科技&/h2&
&div class="cf-a"&&/div&
&span&中国第一钢琴门户网1&/span&
&div class="text-center li-com-mar li-com-pad li-com-fl" id="da-thumbs1"&
&a href="javascript:;"&
&img src="images/11.jpg"&
&div class="hot-info"&
&h2&趣味科技&/h2&
&div class="cf-a"&&/div&
&span&中国第一钢琴门户网1&/span&
&div class="text-center li-com-mar li-com-pad li-com-fl" id="da-thumbs2"&
&a href="javascript:;"&
&img src="images/11.jpg"&
&div class="hot-info"&
&h2&趣味科技&/h2&
&div class="cf-a"&&/div&
&span&中国第一钢琴门户网1&/span&
&div class="text-center li-com-mar li-com-pad li-com-fl" id="da-thumbs3"&
&a href="javascript:;"&
&img src="images/11.jpg"&
&div class="hot-info"&
&h2&趣味科技&/h2&
&div class="cf-a"&&/div&
&span&中国第一钢琴门户网1&/span&
我想获取设有id的这4个div，用纯js怎么取，请各位指导，谢谢。
来源: 101 新手上路
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
var divs = document.getElementsByTagName("div");
//alert(divs.length);
for(var i=0;i&divs.i++){
if(divs[i].id != ""){
alert(divs[i].attributes['class'].value);
为了测试 在你的代码后追加一个不带id属性的div 如:&div class="testdiv"&&/div&
经过@公子的提醒,可以用document.querySelectorAll('div[id]');
一句话就搞定了.JS我是刚学起来的 很多不懂
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：我们在开发中，常常遇到单表的子-父id级联的表结构，在树形的深度不确定的情况下，一次查询出某个树形结构下的所有具有子-父级关系的数据变得十分困难。
这时，我们使用oracle提供的CONNECT BY PRIOR ... &start WITH 实现树形结构具有子父级关系的表递归查询和删除就会很方便。
1、树形结构表举例
（1）假设有一个MENU表，该表结构如下：
ID VARCHAR2(32) & &&N &&sys_guid() & &节点id
FENXID VARCHAR2(32) & & &Y & & & & & & & & & & &&分项id
FENXMC VARCHAR2(100) & &Y & & & & & & & & & & &&分项名称
FUJIDVARCHAR2(32) & & &Y & & & & & & & & & & &&父级id
FUJMCVARCHAR2(100) & &Y & & & & & & & & & & &&父级名称
（2）表的关联关系如下：
子级菜单的FUJID等于父级菜单的FENXID，根节点没有FUJID，每个节点都有一个节点ID用于方便单个节点增删改查
即（(根节点，根节点无FUJID)ID,FENXID--&FUJID,FENXID(具有子级的父节点,该FUJD等于上一级的FENXID)--&FUJID,FENXID--&FUJID,FENXID--&FUJID,FENXID....以此类推）
2、树形表查询
根据指定的ID查询该ID下面所有子-父级关系的数据
SELECT ID,level
CONNECT BY PRIOR FENXID = FUJID start WITH ID = 'bbceb70159bbcefbdd0001'
这样就会根据父级ID递归列出了该ID下面所有具有子父级关系的数据
补充：level，用于显示第几层
3、树形表删除
删除单个节点就不解释了，直接根据对应ID删除即可
删除某个节点下面所有具有子父级关系的数据SQL语句如下：
delete from MENU where ID in(
CONNECT BY PRIOR FENXID = FUJID start WITH ID = 'bbceb70159bbcefbdd0001' )
实现方式就是先递归查询出所有具有子父级关系的数据，然后删除查询到的数据即可
阅读(...) 评论()

我要回帖

更多关于 js实现树形结构表格 的文章

 

随机推荐