Learning Path
浏览 JavaScript 参考手册 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
1361
HTML DOM firstElementChild 属性 元素对象 实例 获取 HTML 中 <ul> 元素的第一个子元素: var x = document.getElementById('myList').firstElementChild.innerHTML; 尝试一下 » 定义和用法 firstElementChild 属性返回指定元素的第一个子元素。 first..
HTML DOM lastElementChild 属性 元素对象 实例 获取 HTML 中 <ul> 元素的最后一个子元素: var x = document.getElementById('myList').lastElementChild.innerHTML; 尝试一下 » 定义和用法 lastElementChild 属性返回指定元素的最后一个子元素。 lastEl..
HTML DOM nextElementSibling 属性 元素对象 实例 返回下一个列表选项的 HTML 内容： [mycode3 type='js']var x = document.getElementById('item1').nextElementSibling.innerHTML;[/mycode3] 尝试一下 » 定义和用法 nextElementSibling 属性返..
HTML DOM offsetHeight 属性 元素对象 实例 获取 div 元素的高度，包含内边距（padding）和边框（border）: [mycode3 type='js'] var elmnt = document.getElementById('myDIV'); var txt = 'div 元素的高度，包含内边距（padding）和边框（border）:..
HTML DOM offsetLeft 属性 元素对象 实例 获取 div 元素的左侧偏移量: [mycode3 type='js'] var testDiv = document.getElementById('test'); document.getElementById('demo').innerHTML = testDiv.offsetLeft; [/myco..
HTML DOM offsetParent 属性 元素对象 实例 获取 div 最近的祖先元素: [mycode3 type='js'] var testDiv = document.getElementById('test'); document.getElementById('demo').innerHTML = testDiv.offsetParent; [/m..
HTML DOM offsetTop 属性 元素对象 实例 获取 div 元素的顶部偏移量: [mycode3 type='js'] var testDiv = document.getElementById('test'); document.getElementById('demo').innerHTML = testDiv.offsetTop; [/mycode..
HTML DOM offsetWidth 属性 元素对象 实例 获取 div 元素的宽度，包含内边距（padding）和边框（border）: [mycode3 type='js'] var elmnt = document.getElementById('myDIV'); var txt = 'div 元素的高度，包含内边距（padding）和边框（border）:'..
HTML DOM previousElementSibling 属性 元素对象 实例 返回上一个列表选项的 HTML 内容： [mycode3 type='js']var x = document.getElementById('item2').previousElementSibling.innerHTML;[/mycode3] 尝试一下 » 定义和用法 previousElemen..
HTML DOM scrollHeight 属性 元素对象 实例 获取 div 元素的高度和宽度，包含内边距（padding）: [mycode3 type='js'] var elmnt = document.getElementById('content'); var y = elmnt.scrollHeight; var x = elmnt.scrollWidth; [/mycod..
HTML DOM scrollLeft 属性 元素对象 实例 滑动滚动条，获取元素滚动条到元素左边或顶部的距离: [mycode3 type='js'] const element = document.getElementById('myDIV'); let x = elmnt.scrollLeft; let y = elmnt.scrollTop; [/mycode3] 尝试一下 ..
HTML DOM scrollTop 属性 元素对象 实例 滑动滚动条，获取元素滚动条到元素左边或顶部的距离: [mycode3 type='js'] const element = document.getElementById('myDIV'); let x = elmnt.scrollLeft; let y = elmnt.scrollTop; [/mycode3] 尝试一下 »..
HTML DOM scrollWidth 属性 元素对象 实例 获取 div 元素的高度和宽度，包含内边距（padding）: [mycode3 type='js'] var elmnt = document.getElementById('content'); var y = elmnt.scrollHeight; var x = elmnt.scrollWidth; [/mycode..
HTML DOM style 属性 元素对象 实例 修改元素的颜色： [mycode3 type='js'] document.getElementById('myH1').style.color = 'red'; [/mycode3] 尝试一下 » 定义和用法 style 属性返回元素 style 属性的值。 style 属性返回一个 CSSStyleDec..
HTML DOM tagName 属性 元素对象 实例 获取元素的标签名: document.getElementById('demo').tagName; 输出结果： P 尝试一下 » 定义和用法 tagName 属性返回元素的标签名。 HTML 返回 tagName 属性的值是大写的。 浏览器支持 所有主要浏览器都支持 tagName 属性 语法 element.tagName 技..
Input Email autocomplete 属性 Input Email 对象 实例 设置 email 字段的 autocomplete 属性为 off(关闭): document.getElementById('myEmail').autocomplete = 'off'; 尝试一下 » 定义和使用 autocomplete 属性用于设置或者返回 email 字段 a..
Input Email autofocus 属性 Input Email 对象 实例 查看 email 字段是否在页面加载后自动获取焦点： var x = document.getElementById('myEmail').autofocus; x输出结果为： true 尝试一下 » 定义和用法 autofocus 属性用于设置或者返回 email 字段在页面加载后是否自动获取焦点。 该属性反映了..
Input Email defaultValue 属性 Input Email 对象 实例 修改 email 字段的默认值： document.getElementById('myEmail').defaultValue = '[email protected]'; 尝试一下 » 定义和使用 defaultValue 属性用于设置或返回 email 字段的默认值。 注意： ..
Input Email disabled 属性 Input Email 对象 实例 禁用 email 字段: document.getElementById('myEmail').disabled = true; 输出结果： 尝试一下 » 定义和用法 disabled 属性用于设置或者返回 email 字段是否被禁用。 使用 disabled 属性的元素是不可用和不可点击的。 禁用的元素在..
Input Email form 属性 Input Email 对象 实例 返回 <input type='email'> 元素所属的表单id: var x = document.getElementById('myEmail').form.id; x输出结果为： myForm 尝试一下 » 定义和用法 form 属性返回包含 email 字段的表单..
Input Email maxLength 属性 Input Email 对象 实例 获取 email 字段允许填入的最多字符数： var x = document.getElementById('myEmail').maxLength; x输出结果为： 30 尝试一下 » 定义和用法 maxLength 属性用于设置或者返回 email 字段的 maxlength 属性值。 maxLength..
Input Email multiple 属性 Input Email 对象 实例 查看 email 字段是否可接收多个值： var x = document.getElementById('myEmail').multiple; x 输出结果为: true 尝试一下 » 定义和使用 multiple 属性用于设置或返回表单中的 email 字段是否可接收都个值(邮箱地址)。 单设置为 ..
Input Email name 属性 Input Email 对象 实例 获取 email 字段名称: var x = document.getElementById('myEmail').name; x输出结果为： usremail 尝试一下 » 定义和用法 name 属性用于设置或者返回 email 字段的 name 属性值。 name 属性通常用于向服务端提交表单数据的标识符，或者是在客户端..
Input Email pattern 属性 Input Email 对象 实例 获取 email 字段 pattern 属性的值： var x = document.getElementById('myEmail').pattern; x 输出结果为: [a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$ 尝试一下 » 定义和用法 pattern 属性用于设置或..