网络技术 > 前端设计
JS获取DOM树节点数据
分类:前端设计    时间:2019-09-28    浏览:3187次
序号 分类 标题 时间 作者
@ 分类1 标题01 1 2 3 李四
2019-09-11
张三
@ 分类2 标题02 李四
2019-09-12
张三
@ 分类3 标题03 1 2 李四
2019-09-13
张三
@ 分类4 标题04 1 2 3 李四
2019-09-14
张三
@ 分类1 标题05 李四
2019-09-15
张三
这里是一段文字


js获取DOM树节点数据


标题 链接 时间

脚本代码:

<script>
//去除字符串内所有的空格:str = str.replace(/\s*/g,"");

//去除字符串内两头的空格:str = str.replace(/^\s*|\s*$/g,"");

//去除字符串内左侧的空格:str = str.replace(/^\s*/,"");

//去除字符串内右侧的空格:str = str.replace(/(\s*$)/g,"")

//获取单行数据并放入json对象中
var m = {};
var arrtab = $(".tab tr");
//m.url = arrtab[2].children[0].children[0].attributes["href"];
//m.url = arrtab[1].cells[2].children[0].attributes[0].value;
m.url = arrtab[1].children[2].children[0].attributes["href"].value;
m.tit = arrtab[1].children[2].children[0].text;
//m.dat = arrtab[1].children[3].textContent;
//m.dat = arrtab[1].children[3].textContent.split("\n")[1].replace(/\s*/g,"");
m.dat = arrtab[1].children[3].children[0].textContent;
console.log(m);

var olist = {};
olist.item = [];
olist.item.push(m);
console.log(olist);

//输出到表格
var arrlist = jslist();
console.log(arrlist);
$.each(arrlist.item,function(i,v){
$(".tabb table").append("<tr><td>"+arrlist.item[i].tit+"</td><td>"+arrlist.item[i].url+"</td><td>"+arrlist.item[i].dat+"</td></tr>");
});

//提取单元格链接
function jslist(){
var arr = $(".tab tr");
var url = "http://www.baidu.com/";
var o = {};
o.item = [];
for(var i=1;i<arr.length-1;i++){
var tmp = arr[i].children[2].children[0].attributes["href"];
if(tmp!==undefined){
var m = {
url : url + arr[i].children[2].children[0].attributes["href"].value,
tit : arr[i].children[2].children[0].text,
//dat : arr[i].children[3].textContent
dat : arr[i].cells[3].children[1].textContent
};
o.item.push(m);
}
};
console.log(o);
return o;
}
</script>

Copyright © 2014-2020 XfengNet.COM Inc. All Rights Reserved. 苏ICP备08014032号
返回顶部