找到關於 DOM 的 57 篇文章

107 次檢視
HTML DOM 文字區域 disabled 屬性返回並修改 HTML 文件中文字區域元素是否被停用。語法以下是語法:1. 返回 disabledobject.disabled2. 新增 disabledobject.disabled = true | false讓我們來看一個 HTML DOM 文字區域 disabled 屬性的示例:示例即時演示 body { color: #000; background: lightseagreen; height: 100vh; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; } DOM 文字區域 disabled 屬性演示 停用文字區域 function set() { document.querySelector("textarea").disabled = true; } 輸出點選“停用文字區域”按鈕停用文字區域元素。

128 次檢視
HTML DOM 文字區域 placeholder 屬性返回並修改 HTML 文件中文字區域元素的 placeholder 屬性值。語法以下是語法:1. 返回 placeholderobject.placeholder2. 新增 placeholderobject.placeholder = “text”讓我們來看一個 HTML DOM 文字區域 placeholder 屬性的示例:示例即時演示 body { color: #000; background: lightseagreen; height: 100vh; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; ... 閱讀更多

77 次檢視
HTML DOM 文字區域 rows 屬性返回並修改 HTML 文件中文字區域元素的 rows 屬性值。語法以下是語法:1. 返回 rowsobject.rows2. 新增 rowsobject.rows = “number”讓我們來看一個 HTML DOM 文字區域 rows 屬性的示例:示例即時演示 body { color: #000; background: lightseagreen; height: 100vh; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; ... 閱讀更多

82 次檢視
HTML DOM 文字區域 cols 屬性返回並修改 HTML 文件中文字區域元素的 cols 屬性值。語法以下是語法:1. 返回 colsobject.cols2. 新增 colsobject.cols = “number”讓我們來看一個 HTML DOM 文字區域 cols 屬性的示例:示例即時演示 body { color: #000; background: lightseagreen; height: 100vh; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; ... 閱讀更多

394 次檢視
HTML DOM 文字區域物件表示 HTML 文件的元素。建立文字區域物件語法以下是語法:document.createElement(“TEXTAREA”);文字區域物件的屬性屬性說明autofocus它返回並修改頁面載入時文字區域是否應自動獲得焦點。defaultValue它返回並修改 HTML 文件中文字區域元素的預設值。cols它返回並修改 HTML 文件中文字區域元素的 cols 屬性值。disabled它返回並修改 HTML 文件中文字區域元素是否被停用。form它返回包含文字區域的表單的引用。maxLength它返回並 ... 閱讀更多

37 次檢視
HTML DOM 表格標題 abbr 屬性返回並修改 HTML 文件中表格的 abbr 屬性值。語法以下是語法:1. 返回 abbrobject.abbr2. 新增 abbrobject.abbr = “text”讓我們來看一個 abbr 屬性的示例:示例 即時演示 body { color: #000; background: lightblue; height: 100vh; text-align: center; } table { margin: 2rem auto; width: 400px; } .btn { background: #db133a; border: none; height: 2rem; ... 閱讀更多

65 次檢視
HTML DOM 表格行物件表示 HTML 文件的元素。建立表格行物件語法以下是語法:document.createElement(“TR”);表格行物件的屬性屬性說明rowIndex它返回行在表格的 rows 集合中的位置。sectionRowIndex它返回行在 thead、tbody 或 tfoot 的 rows 集合中的位置。表格行物件的方法方法說明deleteCell()它從當前表格行中刪除單元格。insertCell()它向當前表格行中新增單元格。讓我們來看一個表格行物件的示例:示例 即時演示 body { color: #000; background: lightblue; height: 100vh; ... 閱讀更多

63 次檢視
HTML DOM 表格標題物件表示 HTML 文件的元素。建立表格標題物件語法以下是語法:document.createElement(“TH”);表格標題物件的屬性屬性說明cellIndex它返回單元格在表格行單元格集合中的位置。colSpan它返回並更改表格的 colspan 屬性值。headers它返回並更改表格的 headers 屬性值。abbr它返回並更改表格的 abbr 屬性值。rowSpan它返回並更改表格的 rowspan 屬性值讓我們來看一個表格標題物件的示例:示例 即時演示 body { color: #000; ... 閱讀更多

78 次檢視
HTML DOM 表格資料物件表示 HTML 文件的元素。建立表格資料物件語法以下是語法:document.createElement(“TD”);表格資料物件的屬性屬性說明cellIndex它返回單元格在表格行單元格集合中的位置。colSpan它返回並更改表格的 colspan 屬性值。headers它返回並更改表格的 headers 屬性值。rowSpan它返回並更改表格的 rowspan 屬性值。讓我們來看一個表格資料物件的示例:示例 即時演示 body { color: #000; background: lightblue; height: 100vh; ... 閱讀更多

177 次檢視
HTML DOM TableData 的 rowSpan 屬性用於返回和修改 HTML 文件中表格的 rowspan 屬性的值。語法以下是語法:1. 返回 rowSpanobject.rowSpan2. 新增 rowSpanobject.rowSpan = “數字”讓我們來看一個 rowSpan 屬性的例子:示例 線上演示 body { color: #000; background: lightblue; height: 100vh; text-align: center; } table { margin: 2rem auto; width: 400px; } .btn { background: #db133a; border: none; height: ... 閱讀更多