資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學HTML DOM 文字區域物件
HTML DOM 文字區域物件代表 HTML 文件的 <textarea> 元素。
建立文字區域物件
語法
以下是語法：
document.createElement(“TEXTAREA”);
文字區域物件的屬性
| 屬性 | 解釋 |
|---|---|
| autofocus | 返回並修改頁面載入時文字區域是否應自動獲得焦點的設定。 |
| defaultValue | 返回並修改 HTML 文件中文字區域元素的預設值。 |
| cols | 返回並修改 HTML 文件中文字區域元素 cols 屬性的值。 |
| disabled | 返回並修改 HTML 文件中文字區域元素是否停用的設定。 |
| form | 返回包含文字區域的表單的引用。 |
| maxLength | 返回並修改 HTML 文件中文字區域元素 maxLength 屬性的值。 |
| name | 返回並修改 HTML 文件中文字區域元素 name 屬性的值。 |
| placeholder | 返回並修改 HTML 文件中文字區域元素 placeholder 屬性的值。 |
| readOnly | 返回並修改 HTML 文件中文字區域元素的內容是否應為只讀。 |
| required | 返回並修改 HTML 文件中文字區域 required 屬性的值。 |
| rows | 返回並修改 HTML 文件中文字區域元素 rows 屬性的值。 |
| type | 返回 HTML 文件中文字區域所在的表單元素的型別。 |
| value | 返回並修改 HTML 文件中文字區域元素的內容。 |
| wrap | 返回並修改 HTML 文件中文字區域元素 wrap 屬性的值。 |
文字區域物件的方法
| 方法 | 解釋 |
|---|---|
| select() | 選擇 HTML 文件中文字區域的內容。 |
讓我們來看一個文字區域物件的示例
示例
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
background: lightseagreen;
height: 100vh;
text-align: center;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
margin: 1rem auto;
}
</style>
<body>
<h1>DOM Textarea Object Demo</h1>
<button onclick="create()" class="btn">Create Textarea</button>
<script>
function create() {
var ta = document.createElement("TEXTAREA");
ta.innerHTML = "Hi! I'm a textarea element in an HTML document with some dummy text.";
ta.setAttribute('rows', '8');
document.body.appendChild(ta);
}
</script>
</body>
</html>輸出
點選“建立文字區域”按鈕以建立文字區域元素。
更新於：2021年2月16日
394 次檢視
廣告