document物件- FineReport帮助文档 - 全面的报表使用教程和学习资料

1. 概述

每個載入瀏覽器的 HTML 文檔都會成為 Document 物件。 Document 物件使我們可以從腳本中對 HTML 頁面中的所有元素進行存取。

Document 物件是 Window 物件的一部分，可透過 window.document 屬性對其進行存取

2. 常用屬性

Cookie	設定或傳回當前文檔有關的所有 Cookie
title	傳回當前文檔的標題
URL	傳回當前文檔的URL

3. 常用方法

方法	說明
close()	關閉一個由 document.open 方法開啟的匯出流
getElementById()	傳回對擁有指定 ID 的第一個物件的引用
getElementsByName()	方法可傳回帶有指定名稱的物件的集合
getElementsByTagName()	方法可傳回帶有指標度籤名的物件的集合
write()	方法可向文檔寫入 HTML 運算式或 JavaScript 程式碼

4. 範例

4.1 getElementByID() 方法

getElementById() 方法可傳回對擁有指定 ID 的第一個物件的引用。文法是

document.getElementById(id)

如下圖表示，透過ID獲取值：

範例程式碼如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<script type="text/javascript">
function getValue()
{
var x=document.getElementById("myHeader")
alert(x.innerHTML)
}
</script>
</head>
<body>
<h1 id="myHeader" onclick="getValue()">這是標題</h1>
<p>點選標題，會提示出它的值。</p>
</body>
</html>

4.2 getElementByName() 方法

getElementsByName() 方法可傳回帶有指定名稱的物件的集合。該方法與 getElementById() 方法相似，但是它查詢元素的 name 屬性，而不是 id 屬性。

因為一個文檔中的 name 屬性可能不唯一，所以 getElementsByName() 方法傳回的是元素的陣列，而不是一個元素。

4.3 getElementByTagName()方法

getElementsByTagName() 方法可傳回帶有指標度籤名的物件的集合，傳回元素的順序是它們在文檔中的順序。

如果把特殊字串 "*" 傳遞給 getElementsByTagName() 方法，它將傳回文檔中所有元素的列表，元素排列的順序就是它們在文檔中的順序。

傳遞給 getElementsByTagName() 方法的字串可以不區分大小寫。

4.4 write()方法

write() 方法可向文檔寫入 HTML 運算式或 JavaScript 程式碼。可列出多個參數(exp1,exp2,exp3,...) ，它們將按順序被追加到文檔中。文法是：

document.write(exp1,exp2,exp3,....)

如下圖所示，HTML中新增語句：

222

範例程式碼如下：

<html>
<body>
<script type="text/javascript">
document.write("Hello World! ","Hello You! ","<p style='color:blue;'>Hello World!</p>")
</script>
</body>
</html>

已經是第一篇

已經是最後一篇

有幫助
沒幫助
只是瀏覽
圖片不清晰
用語看不懂
功能說明看不懂
操作說明太簡單
內容有錯誤

中文（简体） English 日本語

中文（繁體）

document物件