前端之javascript的节点操作和Event

【前端之javascript的节点操作和Event】的更多相关文章

前端之javascript的节点操作和Event

一节点的增删改查创建节点:createElement(标签名):创建一个指定名称的节点. 追加节点: 追加一个子节点:somenode.appendChild(标签名) 指定某个位置前面添加一个节点:somenode.inserBefore(标签名,节点名) 删除节点:父节点.recoverChild(子节点):通过父节点删除某个子节点. 替换节点:父节点.replaceChild(新标签,要替换的节点) 拷贝节点:element.cloneNode:拷贝节点,参数true:深拷贝:参数fa…

Python之路day13 web 前端（JavaScript，DOM操作）

参考链接:http://www.cnblogs.com/wupeiqi/articles/5433893.html day13 1. CSS示例 2. JavaScript 3. DOM操作上节内容回顾: 1. HTML标签 html/head/body/ input div,span a p br span table > tr行 th表头列 td表头列 h form> action method enctype=;;; select option input系列: text passwo…

JavaScript DOM节点操作总结

节点类型节点类型主要有三种:元素节点,属性节点和文本节点. 而对DOM的主要也就是围绕元素节点和属性节点的增删改查.下面就分别从对元素节点的操作和对属性节点的操作来介绍. 元素节点查在对DOM进行增删改之前,首先要找到对应的元素.具体的查找方法如下: getElementByID() // 得到单个节点 getElementsByTagName() // 得到节点数组 NodeList getElementsByName() // 得到节点数组 NodeList 同时还可以利用元素节点的属…

JavaScript 之节点操作

一.文档树结构 DOM 可以将任何 HTML 或 XML 描绘成一个由多层节点构成的结构. 节点分为不同的类型,每种类型分别表示文档中不同的信息.每个节点都拥有各自的特点.数据和方法,另外也与其他节点存在某种关系. 节点之间的关系构成了层次,而所有页面标记则表现为一个以特定节点为根节点的树形结构. 节点类型:元素节点.属性节点.文本节点.注释节点文档树: 二.节点层级节点层级: 节点层次常用属性 parentNode: 获取当前元素的父节点(只有一个) parentNode: 获取当前元素的…

javaScript之节点操作

javaScript程序员避免不了要操作页面中的DOM,除了经常使用的: appendChild()向childNodes列表的末尾添加一个节点. insertBefore(),接受两个参数,要插入的节点和作为参照的节点. replaceChild(),接受两个参数,要插入的节点和要替换的节点. removeChild(),移除某个节点,接受一个参数,即为要删除的节点. cloneNode(),克隆节点,接受一个布尔值,表示是否执行深复制.在参数为true情况下,执行深复制,复制其全部子节点.…

JavaScript DOM–节点操作

节点节点至少拥有nodeType(节点类型).nodeName(节点名称)和nodeValue(节点值)这三个基本属性. 元素节点 nodeType 为1 属性节点 nodeType 为2 文本节点 nodeType 为3 (文本节点包含文字,空格和换行) 一般我们开发操作的是元素节点节点层级父级节点 node.parentNode 返回离自己最近的那个父亲没有父亲,就返回null <body> <div class="demo"> <div…

前端JavaScript之DOM节点操作

1.HTML DOM是啥 Document Object Model:定义了访问和操作HTML文档的标准方法,把HTML文档呈现为带有元素,属性和文本的树状结构 2.解析过程 HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树,getElementById是获取内中DOM上的元素节点.然后操作的时候修改的是该元素的属性. 3.DOM树从图看出,HTML中一切都是节点: 元素节点:HTML标签文本节点:标签中的文字属性节点:标签中的属性整个文档就是一个一个文档节点.所有的…

JavaScript 节点操作Dom属性和方法(转)

JavaScript 节点操作Dom属性和方法一些常用的dom属性和方法,列出来作为手册用. 属性: 1.Attributes 存储节点的属性列表(只读) 2.childNodes 存储节点的子节点列表(只读) 3.dataType 返回此节点的数据类型 4.Definition 以DTD或XML模式给出的节点的定义(只读) 5.Doctype 指定文档类型节点(只读) 6.documentElement 返回文档的根元素(可读写) 7.firstChild 返…

前端笔记之jQuery（下）事件&节点操作&净位置&拖拽&页面卷动值&遍历JSON

一.监听事件大全 1.1 JavaScript事件 onblur 元素失去焦点 onchange 用户改变域的内容 onclick 鼠标点击某个对象 ondblclick 鼠标双击某个对象 onfocus 元素获得焦点 onkeydown 某个键盘的键被按下 onkeypress 某个键盘的键被按下或按住 onkeyup 某个键盘的键被松开 onload 某个页面或图像被完成加载 onmousedown 某个鼠标按键被按下 onmousemove 鼠标被移动 onmouseout 鼠标从某元素移…

JavaScript -- 节点操作，事件触发，表单伸缩

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…