找到关于 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: ... 阅读更多