哈尔滨高端网站建设,永嘉营销网站建设,洛阳网站建设汉狮怎么样,网站需要兼容哪些浏览器1.DOM查询 - 通过具体的元素节点来查询 - 元素.getElementsByTagName() - 通过标签名查询当前元素的指定后代元素 - 元素.childNodes - 获取当前元素的所有子节点 - 会获取到空白的文本子节点 …1.DOM查询 - 通过具体的元素节点来查询 - 元素.getElementsByTagName() - 通过标签名查询当前元素的指定后代元素 - 元素.childNodes - 获取当前元素的所有子节点 - 会获取到空白的文本子节点 - 元素.children - 获取当前元素的所有子元素 - 元素.firstChild - 获取当前元素的第一个子节点 - 元素.lastChild - 获取当前元素的最后一个子节点 - 元素.parentNode - 获取当前元素的父元素 - 元素.previousSibling - 获取当前元素的前一个兄弟节点 - 元素.nextSibling - 获取当前元素的后一个兄弟节点 innerHTML和innerText - 这两个属性并没有在DOM标准定义但是大部分浏览器都支持这两个属性 - 两个属性作用类似都可以获取到标签内部的内容 不同是innerHTML会获取到html标签而innerText会自动去除标签 - 如果使用这两个属性来设置标签内部的内容时没有任何区别的 读取标签内部的文本内容 h1h1中的文本内容/h1 元素.firstChild.nodeValue 元素 属性 文本 nodeValue null 属性值 #text nodeType 1 2 3 nodeName 大写的标签名 属性名 #text 、 文本内容 - document对象的其他的属性和方法 document.all - 获取页面中的所有元素相当于document.getElementsByTagName(*); document.documentElement - 获取页面中html根元素 document.body - 获取页面中的body元素 document.getElementsByClassName() - 根据元素的class属性值查询一组元素节点对象 - 这个方法不支持IE8及以下的浏览器 document.querySelector() - 根据CSS选择器去页面中查询一个元素 - 如果匹配到的元素有多个则它会返回查询到的第一个元素 document.querySelectorAll() - 根据CSS选择器去页面中查询一组元素 - 会将匹配到所有元素封装到一个数组中返回即使只匹配到一个 2.DOM修改 document.createElement() - 可以根据标签名创建一个元素节点对象 document.createTextNode() - 可以根据文本内容创建一个文本节点对象 父节点.appendChild(子节点) - 向父节点中添加指定的子节点 父节点.insertBefore(新节点,旧节点) - 将一个新的节点插入到旧节点的前边 父节点.replaceChild(新节点,旧节点) - 使用一个新的节点去替换旧节点 父节点.removeChild(子节点) - 删除指定的子节点 - 推荐方式子节点.parentNode.removeChild(子节点)
总结以上就是js-DOM02的内容感谢您的观看