2014-11-04 78 views
0

我正在使用Jquery FullCalendar当我点击按钮时,我想将div内容导出为ex​​cell。Javascript获取div的全部内容

我正在尝试获得日历的div内容单击按钮。

HTML:

<script src="~/js/fullcalendar/fullcalendar.min.js"></script> 


<button onclick="tableToExcel()" type="button">Export To Excell</button> 

<div class="calendar" name="calendar" id="calendar"> 
</div> 

的Javascript:。

function tableToExcel() { 

    var calendar = document.getElementById("calendar").data; 

    alert(calendar); 

    window.location.href = "/Calendar/ExportData?calendar=" + calendar; 
} 

,如果我尝试的document.getElementById( “日历”)数据或的document.getElementById( “日历”)文本警报显示器

undefined 

如果我尝试document.getElementById(“日历”)。 的innerHTML

no data displaying inside of table 

这里我想念我怎样才能获得通过JS在一个div DIV内容?

+1

尝试['innerHTML'](https://developer.mozilla.org/en-US/docs/Web/API/Element.innerHTML)或['textContent']( https://developer.mozilla.org/en-US/docs/Web/API/Node.textContent)。 – Teemu 2014-11-04 15:34:44

+0

它只显示html而非数据 – xman10 2014-11-04 15:35:53

+0

预期的结果是什么?如果您希望事件数据使用API​​访问该数据。不清楚这里有什么目标 – charlietfl 2014-11-04 15:38:17

回答

0

jQuery中

<button id="calendarBtn" type="button">Export To Excell</button> 

$('#calendarBtn').on("click", function() { 
    var calendar = $('#calendar').attr("name"); 
    console.log(calendar); 
    window.location.href = "/Calendar/ExportData?calendar=" + calendar; 
}); 
+0

是否完成,因为我试过这个,没有解决方案 – xman10 2014-11-04 16:02:20

+0

如果你想获得整个div的html,请尝试:var calendar = $('#calendar')。get(0); – 2014-11-04 16:08:21

+0

attr(“name”)函数将返回所选div中的name属性。 – 2014-11-04 16:09:21