Learning Path
浏览 JavaScript 参考手册 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
1361
HTML DOM createComment() 方法 Document 对象 实例 可创建注释节点, 并插入HTML文档: var c=document.createComment('My personal comments'); document.body.appendChild(c); 输出结果： <!--My personal comments--> 尝试一下 ..
HTML DOM createDocumentFragment() 方法 Document 对象 实例 创建一个 documentFragment 节点: var d=document.createDocumentFragment(); d.appendChild(document.getElementsByTagName('LI')[0]); d.childNodes[0].childNodes[0..
HTML DOM createElement() 方法 Document 对象 实例 创建一个按钮: var btn=document.createElement('BUTTON'); 输出结果： 尝试一下 » HTML元素经常包含文本。创建指定文本的按钮你需要在按钮元素后添加文本节点: 实例 创建指定文本的按钮： var btn=document.createElement(&#..
HTML DOM createTextNode() 方法 Document 对象 实例 创建一个文本节点: var btn=document.createTextNode('Hello World'); 输出结果： Hello World 尝试一下 » HTML元素通常是由元素节点和文本节点组成。 创建一个标题 (H1), 你必须创建 'H1' 元素和文本节点: 实例 ..
HTML DOM getElementById() 方法 Document 对象 实例 返回指定 ID 的元素： [mycode3 type='js']document.getElementById('demo');[/mycode3] 尝试一下 » 定义和用法 getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。 HTML DOM 定义了多种查找元素..
HTML DOM getElementsByClassName() 方法 Document 对象 实例 获取所有指定类名的元素： var x = document.getElementsByClassName('example'); 尝试一下 » 定义和使用 getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。 NodeList..
HTML DOM getElementsByTagName() 方法 Document 对象 实例 返回带有指定标签名的对象的集合: document.getElementsByTagName('P'); 尝试一下 » 定义和用法 getElementsByTagName() 方法可返回带有指定标签名的对象的集合。 提示： 参数值 '*' 返回文档的所有元素。 浏览器支持 ..
HTML DOM hasFocus() 方法 元素对象 实例 在文档获取焦点后输出文本信息: var x = document.getElementById('demo');if (document.hasFocus()) { x.innerHTML = '文档已获取焦点。';} else { &n..
HTML DOM importNode() 方法 Document 对象 实例 返回iframe中第一个 H1 元素: var frame=document.getElementsByTagName('iframe')[0]var h=frame.contentWindow.document.getElementsByTagName('h1')[0];var x=document..
HTML DOM normalize() 方法 Document 对象 实例 规范一个文档： document.normalize(); 尝试一下 » 定义和用法 normalize 方法合并相邻的文本节点并删除空的文本节点。 浏览器支持 所有主要浏览器都支持 normalize 方法 语法 node.normalize() 参数 None. 返回值 没有返回值。 技术细节 DOM 版本 Core L..
HTML DOM normalizeDocument() 方法 Document 对象 实例 规范一个实体文档: document.normalizeDocument(); 定义和用法 normalizeDocument() 方法可以移除空文本节点 , 并合并相邻节点。 目前没有主流浏览器支持 normalizeDocument() 方法, 但是可以使用类似的方法 normalize() 方法。 浏览器支持 目前..
HTML DOM querySelector() 方法 Document 对象 实例 获取文档中 id='demo' 的元素： document.querySelector('#demo'); 尝试一下 » 定义和用法 querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。 注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元..
HTML DOM querySelectorAll() 方法 Document 对象 实例 获取文档中 class='example' 的所有元素: [mycode3 type='js'] var x = document.querySelectorAll('.example'); [/mycode3] 尝试一下 » 定义与用法 querySelectorAl..
HTML DOM removeEventListener() 方法 Document 对象 实例 移除由 addEventListener() 方法添加的 'mousemove' 事件： // 在文档中添加事件句柄document.addEventListener('mousemove', myFunction);// 移除文档中的事件句柄 document.removeEvent..
HTML DOM renameNode() 方法 Document 对象 实例 重新命名 p 元素: var p=document.getElementsByTagName('P')[0]; document.renameNode(p,null,'h1'); 定义和用法 renameNode() 方法重命名已有的元素节点或属性节点。 浏览器支持 目前没有主流浏览器支持 ren..
HTML DOM addEventListener() 方法 元素对象 实例 为 <button> 元素添加点击事件。 当用户点击按钮时，在 id='demo' 的 <p> 元素上输出 'Hello World' : document.getElementById('myBtn').addEventListe..
HTML DOM getAttribute() 方法 元素对象 实例 获取链接的 target 属性值： document.getElementsByTagName('a')[0].getAttribute('target'); 输出结果： _blank 尝试一下 » 定义和用法 getAttribute() 方法通过名称获取属性的值。 提示：如果你想返回属性请使用 getA..
HTML DOM getAttributeNode() 方法 元素对象 实例 返回链接的 target 属性： document.getElementsByTagName('a')[0].getAttributeNode('target'); 尝试一下 » 定义和用法 getAttributeNode() 方法从当前元素中通过名称获取属性节点。 提示：如果你仅想返回属性值请使用 ..
HTML DOM getElementsByClassName() 方法 元素对象 实例 在 class='example' 的列表中修改 class='child' 的第一项(索引值为 0) 的文： var list = document.getElementsByClassName('example')[0]; list.getElementsByClassName..
HTML DOM getElementsByTagName() 方法 元素对象 实例 改变列表中第一个列表项的文本： var list=document.getElementsByTagName('UL')[0] list.getElementsByTagName('LI')[0].innerHTML='Milk'; 修改文本前: Coffee Tea ..
HTML DOM hasAttribute() 方法 元素对象 实例 检查按钮元素是否有 onclick属性： document.getElementsByTagName('BUTTON')[0].hasAttribute('onclick'); 输出结果： true 尝试一下 » 定义和用法 hasAttribute() 方法用于判断是否有指定的属性存在，如果存在返回 tr..
HTML DOM matches() 方法 元素对象 实例 元素是否匹配 CSS 选择器？ [mycode3 type='js'] const element = document.getElementById('demo'); let answer = element.matches('.container'); [/mycode3] 尝试一下 » 实例..
HTML DOM querySelector() 方法 元素对象 实例 修改 class='demo' 的 <div> 元素的第一个子元素文本内容： [mycode3 type='js'] var x = document.getElementById('myDIV'); x.querySelector('.demo'..
HTML DOM removeAttribute() 方法 元素对象 实例 删除头部元素的 style 属性: document.getElementsByTagName('H1')[0].removeAttribute('style'); 删除属性前: Hello World 删除属性后: Hello World 尝试一下 » 定义和用法 removeAttribu..