Learning Path
浏览 JavaScript 参考手册 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
1361
HTML DOM nodeName 属性 元素对象 实例 获取 body 元素的节点名： document.body.nodeName; 输出结果： BODY 尝试一下 » 定义和用法 nodeName 属性可依据节点的类型返回其名称。 如果节点是一个元素节点 , nodeName 属性将返回标签名。 如果节点是一个属性节点， nodeName 属性将返回属性名。 其他节点类型, nodeName 属性将返根据不同..
HTML DOM nodeType 属性 元素对象 实例 返回body元素的节点类型: document.body.nodeType; 输出结果： 1 尝试一下 » 定义和用法 nodeType 属性返回节点类型。 如果节点是一个元素节点，nodeType 属性返回 1。 如果节点是属性节点, nodeType 属性返回 2。 如果节点是一个文本节点，nodeType 属性返回 3。 如果节点是一个注释节点，nod..
HTML DOM nodeValue 属性 元素对象 实例 获取第一个按钮元素的节点值： document.getElementsByTagName('BUTTON')[0].childNodes[0].nodeValue; 输出结果： 尝试一下 尝试一下 » 定义和用法 nodeValue 属性根据节点的类型设置或返回节点的值。 注意： 如果你想返回元素的文本，记住文本通常是插入到文本节点中，所..
HTML DOM ownerDocument 属性 元素对象 实例 返回元素的根元素: document.getElementById('demo').ownerDocument; 尝试一下 » 定义和用法 ownerDocument 可返回某元素的根元素。 HTML中, HTML 文档本身是元素的根元素。 越多更多的文档对象请参考我们的 文档对象参考手册。 浏览器支持 所有主要浏览器都支持 ..
HTML DOM parentNode 属性 元素对象 实例 返回<li> 元素父节点: document.getElementById('item1').parentNode; 尝试一下 » 定义和用法 parentNode 属性可返回某节点的父节点。 如果指定的节点没有父节点则返回 null 。 浏览器支持 所有主要浏览器都支持 parentNode 属性 ..
HTML DOM previousSibling 属性 元素对象 实例 返回某节点之前紧跟的节点: document.getElementById('item2').previousSibling; 尝试一下 » 定义和用法 previousSibling 属性可返回某节点之前紧跟的节点（处于同一树层级） 返回节点以节点对象返回。 注意：如果没有此节点，那么该属性返回 null。 浏览器支持 ..
HTML DOM textContent 属性 元素对象 实例 获取第一个按钮元素的文本内容： document.getElementsByTagName('BUTTON')[0].textContent; 输出结果： 尝试一下 尝试一下 » 定义和用法 textContent 属性设置或者返回指定节点的文本内容。 如果你设置了 textContent 属性, 任何的子节点会被移除及被指定的字符..
HTML DOM length 属性 元素对象 实例 返回 body 元素子节点的的数目： document.body.childNodes.length; 输出结果: 8 尝试一下 » 定义和用法 length 属性返回节点集合的数目。 节点对象的子节点集合是一个节点列表对象的实例。 浏览器支持 所有主要浏览器都支持 length 属性 语法 nodelist.length 技术细节 返回值： 返回..
Input Number autofocus 属性 Input Number 对象 实例 查看 number 字段是否在页面加载后自动获取焦点： var x = document.getElementById('myNumber').autofocus; x 输出结果为： true 尝试一下 » 定义和用法 autofocus 属性用于设置或者返回 number 字段在页面加载后是否自动获取焦点。..
Input Number disabled 属性 Input Number 对象 实例 禁用 number 字段: document.getElementById('myNumber').disabled = true; 结果输出为: 尝试一下 » 定义和用法 disabled 属性用于设置或者返回 number 字段是否被禁用。 使用 disabled 属性的元素是不可用和不可点击的。 禁..
Input Number form 属性 Input Number 对象 实例 返回<input type='number'> 元素所属的表单id: var x = document.getElementById('myNumber').form.id; x输出结果为： myForm 尝试一下 » 定义和用法 form 属性返回包含 number 字段..
Input Number name 属性 Input Number 对象 实例 获取 number 字段名称: var x = document.getElementById('myNumber').name; x输出结果为： quantity 尝试一下 » 定义和用法 name 属性用于设置或者返回 number 字段的 name 属性值。 name 属性通常用于向服务端提交表单数据的标识符，或..
Input Number placeholder 属性 Input Number 对象 实例 修改 number 字段的提示信息文本: document.getElementById('myNumber').placeholder = 'Amount'; 尝试一下 » 定义和用法 placeholder 属性用于设置或者返回 number 字段的 placeholder 属性..
Input Number readOnly 属性 Input Number 对象 实例 设置 number 字段为只读： document.getElementById('myNumber').readOnly = true; 输出结果： 尝试一下 » 定义和用法 readOnly 属性用于设置或者返回 number 字段是否为只读。 只读字段不能修改。但是可以复制该字段的内容。 该属性反映..
Input Number required 属性 Input Number 对象 实例 查看 number 字段在提交表单前是否为必填字段： var x = document.getElementById('myNumber').required; x输出结果为： true 尝试一下 » 定义和用法 required 属性用于设置或返回 number 字段在表单中是否为必填字段。 该属性反映了 HT..
Input Number type 属性 Input Number 对象 实例 返回 number 字段的表单元素类型: var x = document.getElementById('myNumber').type; x 输出结果为: number 尝试一下 » 定义和用法 type 属性返回 number 字段的表单类型类型。 在 input number 中，该属性通常返回 'n..
Input Number value 属性 Input Number 对象 实例 修改 number 字段的数字: document.getElementById('myNumber').value = '16'; 尝试一下 » 定义和用法 value 属性用于设置或返回 number 字段的 value 属性值。 value 属性描述了用户输入的数字。 浏览器支持 所..
Ol reversed 属性 Ol 对象 实例 设置列表为降序排列： document.getElementById('myOl').reversed=true; 尝试一下 » 定义和用法 reversed 属性设置或返回列表是否为降序。 当设置为 true 时，列表为降序（9, 8, 7...），而不是升序（1, 2 , 3...）。 浏览器支持 除了 Internet Explorer，其他..
Ol start 属性 Ol 对象 实例 设置有序列表的起始值为 '75'： document.getElementById('myOl').start='75'; 尝试一下 » 定义和用法 start 属性设置或返回有序列表的 start 属性的值。 start 属性规定一个有序列表中第一个列表项的起始值。 浏览器支持 所有主流浏览器都支持 start ..
Ol type 属性 Ol 对象 实例 使用小写字母设置有序列表： document.getElementById('myOl').type='a'; 尝试一下 » 定义和用法 type 属性设置或返回有序列表的 type 属性的值。 type 属性规定列表重要使用的标记的种类（字母或数字）。 浏览器支持 所有主流浏览器都支持 type 属性。 语法 返回 type 属性：..
OptionGroup disabled 属性 OptionGroup 对象 实例 Disable an option-group: document.getElementById('myOptgroup').disabled=true; 输出结果： BMW Mercedes Volvo Saab Koenigsegg 尝试一下 » 定义和用法 disabled 属性设置或返回是否禁用..
OptionGroup label 属性 OptionGroup 对象 实例 改变选项组的标签/描述： document.getElementById('myOptgroup').label='A Random Car Selection'; 尝试一下 » 定义和用法 label 属性设置或返回选项组的 label 属性的值。 label 属性规定选项组的标签/描述。 浏览..
Option defaultSelected 属性 Option 对象 定义和用法 defaultSelected 属性可返回 selected 属性的初始值。 如果选择了默认的选项，则返回 true，否则返回 fasle。 如果表单被重置，则 selected 属性重置为该属性的值。这个该属性也会设置 selected 属性的值。 注意： 默认的选项将显示在第一位。 语法 optionObject.defaultSelect..
Option disabled 属性 Option 对象 实例 实例 1 禁用下拉列表的第二选项: <script>document.getElementById('mydrop').options[1].disabled=true;</script> 输出结果： Cat Dog Horse 尝试一下 » 定义和用法 disabled 属..