在一个html页面生成的时候,js就已经把dom树创建好了
只要这棵树上有的数据,我们都可以通过js来获取使用
那么这个问题就变成js如何去查询dom树的节点了
js内置了以下几个查询节点的方法
document.getElementById("id")//通过id来获取一个dom元素
document.getElementsByName("name")//通过name属性来获取一个集合
document.getElementsByTagName("tag")//通过标签来获取一个集合
如果要查找的元素本身有id,通过第一个方法可以直接获取,当我们得到了这个dom节点的时候就可以输出他的一系列数据了
举个栗子
var dom = document.getElementById("id")
//如果是图片
alert(dom.src)
//如果该dom有class
alert(dom.className)
//如果该dom有value
alert(dom.value)
//如果该dom有文本
alert(dom.innerHTML)
//输出dom的style
alert(dom.style.width)
//等等
当dom没有id的时候,我们就要依靠一些条件去找到我们想要的dom了
//寻找所有class为bold的div
var c = document.getElementsByTagName("div"), len = c.length, r = []
for(var i=0i<leni++){
if(c[i].className == 'bold'){
r.push(c[i])
}
}
//当得到了这些dom节点后,就可以用上面提到的方法继续访问每个dom的数据啦
https://www.cnblogs.com/liuxianan/p/js-excel.html
由 SheetJS 出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出excel的工具库,功能强大,支持格式众多,支持xls、xlsx、ods(一种OpenOffice专有表格文件格式)等十几种格式。本文全部都是以xlsx格式为例。
dist目录下有很多个JS文件,一般情况下用xlsx.core.min.js就够了,xlsx.full.min.js则是包含了所有功能模块。
JavaScript读取和导出excel示例(基于js-xlsx)
http://demo.haoji.me/2017/02/08-js-xlsx/
一。导出Excel有两种:1.
function ExportExcel(tableid){//读取表格中每个单元到EXCEL中
try
{
var curTbl = document.getElementById(tableid)
var oXL = new ActiveXObject("Excel.Application")//创建AX对象excel
var oWB = oXL.Workbooks.Add()//获取workbook对象
var oSheet = oWB.ActiveSheet//激活当前sheet
var Lenr = curTbl.rows.length//取得表格行数
for (i = 0i <Lenri++){
var Lenc = curTbl.rows(i).cells.length//取得每行的列数
for (j = 0j <Lencj++){
oSheet.Cells(i + 1, j + 1).value = curTbl.rows(i).cells(j).innerText//赋值
}
}
oXL.Visible = true//设置excel可见属性
}
catch(e)
{
alert(e.message)
}
}
2:
function dataToExcel(tableid) {//整个表格拷贝到EXCEL中
var curTbl = document.getElementById(tableid)
var oXL
try {
oXL = GetObject("", "Excel.Application")
}
catch (E) {
try {
oXL = new ActiveXObject("Excel.Application")
}
catch (E2) {
//alert("Please confirm:\n1.Microsoft Excel has been installed.\n2.Internet Options=>Security=>Setting \"Enable unsafe ActiveX\"")
alert("请确认:\n1.机器上Excel已经安装.\n2.Internet 选项=>安全=>Internet \"对没有标记为安全的ActiveX控件进行初始化和脚本运行,设定为启用\"")
return
}
}
//创建AX对象excel
var oWB = oXL.Workbooks.Add()
//获取workbook对象
var oSheet = oWB.ActiveSheet
//激活当前sheet
var sel = document.body.createTextRange()
sel.moveToElementText(curTbl)
//把表格中的内容移到TextRange中
sel.select()
//全选TextRange中内容
sel.execCommand("Copy")
//复制TextRange中内容
oSheet.Paste()
//粘贴到活动的EXCEL中
oXL.Visible = true
//设置excel可见属性
}