美文网首页
JS DOM 操作

JS DOM 操作

作者: 恩德_b0c2 | 来源:发表于2017-06-13 19:41 被阅读0次

.innerHTML 返回或设置指定标签的内容(识别html标记)
.ouerHTML 与innerHTML不同的是outerHTML包括整个标签,而不仅限于标签内部
.innerText 输出标签内所有文本(不识别html标记)
.outerText 包含标签本身

getElementsByTahMame() 返回一个指定标签名的集合
getElementsByName() 返回带有指定名称的对象的集合
getElementsByClassName() 返回所有指定类名的元素集合
getElemenById() 返回指定ID的元素

getAttribute() 返回指定属性名的属性值
setAttribute() 添加指定的属性,并为其赋指定的值(如果这个属性已存在,则仅设置/更改值)
getAttributeNode() 获得属性节点

.value() 获取元素的value值

.childNodes 获取指定节点内的所有节点集合(空格 文本都被视为节点)
.firstChild 获取当前元素节点的第一个子节点
.lastChild 获取当前元素节点的最后一个子节点
.ownerDocument 获取当前元素节点的根节点
.parentNode 获取当前元素节点的父节点
.previousSibling 获取当前节点的前一个同级节点
.nextsSibling 获取当前节点的后一个同级节点

document.createElement(" ") 创建元素
document.createTextNode(" ") 创建文本节点
.appendChild() 把后面的节点追加到前面的节点中
removeChild() 删除节点 成功返回被删除的节点 失败返回null
clonenode(true/false) true复制当前节点及其所有子节点,false仅复制当前节点


DOM树

201412111054092.png

相关文章

  • 前端发展历史

    1.js操作html 利用原生的javascript (js包括ECMAscript BOM DOM)的DOM操作...

  • JS第七天-03

    DOM DOM树结构关系代码示例: 一、JS中标签关系 二、JS操作页面标签 三、JS操作DOM一般步骤 1、创建...

  • 028 DOM

    DOM 一、JS中标签关系 二、JS操作页面标签 三、JS操作DOM一般步骤 1、创建标签 2、设置标签样式文本 ...

  • 面试中React与Vue的比对 / 面试/mvvm/virtua

    1.virtual dom 用JS模拟DOM结构,DOM变化的对比,放在JS层做,以提高重绘性能 DOM操作昂贵,...

  • web自动化_dom

    js不能直接操作html元素,比如要修改元素的样式,需要通过dom对象操作html元素js ->dom对象->调用...

  • 常用DOM操作

    前言 很多同学用惯了jquery操作dom,让他们用js操作的时候,常常力不从心,本文总结了常用的js的dom操作...

  • react基础入门:(二)原生JS操作DOM元素

    原文链接:react基础入门:(二)原生JS操作DOM元素 一 初始化项目 二 操作 DOM 获取 dom 元素 ...

  • React填坑

    Virtual Dom 在浏览器环境下,DOM操作远比JS操作开销大,且项目越复杂,DOM操作的开销越大,为了提升...

  • 2.JavaScript优化-DOM

    DOM优化 一、DOM与JavaScript 浏览器会把DOM与js独立实现-像两个独立的小岛 js操作dom-从...

  • JS异步编程

    为什么JS需要异步?JS语言设计之初,是为了能够操作浏览器DOM元素,为避免两个线程同时操作某DOM元素导致DOM...

网友评论

      本文标题:JS DOM 操作

      本文链接:https://www.haomeiwen.com/subject/hlkjqxtx.html