2014-11-04 142 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