/所有复选框 $(":submit") //所有提交按钮 $(":reset") //所有重置按钮 $(":button") //所有button按钮 $(":file") //所有文件域 4.5、筛选与查找...("node") //节点是否含有某个特定的类,返回布尔值 $('li').has('ul') //包含特定后代的节点 $("div").children() //div中的每个子节点,第一层 $("...first").innerHeight() //获取第一个匹配节点内部区域高度(包括补白、不包括边框) $("p:first").innerWidth() //获取第一个匹配节点内部区域宽度(包括补白、...$("p").undelegate("click") //从p节点删除由 delegate() 方法添加的所有click事件 $("p").click(); //单击事件 $("p").dblclick...:正则表达式}"配对的对象,用来确定jQuery将如何解析响应,给定其内容类型。
特点:所有dom对象都可以被认为是一个节点 方法 属性 HTML DOM 事件监听机制 概念 常见的事件 点击事件 焦点事件 加载事件 鼠标事件 键盘事件 选择和改变 表单事件 事件简单学习 功能...:所有dom对象都可以被认为是一个节点 方法 CRUD dom树: appendChild():向节点的子节点列表的结尾添加新的子节点。...removeChild() :删除(并返回)当前节点的指定子节点。 replaceChild():用新节点替换一个子节点。 属性 parentNode 返回节点的父节点。...常见的事件 点击事件 onclick:单击事件 ondblclick:双击事件 焦点事件 onblur:失去焦点 onfocus:元素获得焦点。 加载事件 onload:一张页面或一幅图像完成加载。...如何绑定事件 直接在html标签上,指定事件的属性(操作),属性值就是js代码 事件:onclick— 单击事件 通过js获取元素对象,指定事件属性,设置一个函数 代码: <img
x.getElementsByTagName(name) - 获取指定标签名的所有元素x.appendChild(node) - 将一个子节点插入到xx.removeChild(node) - 从x中移除一个子节点这些属性和方法使得通过编程可以访问和操作文档的各个部分...""; }}示例解释:假设您已经将 "books.xml" 加载到 xmlDoc 中获取根元素(xmlDoc)的子节点对于每个子节点,检查节点类型。...xmlDoc 中获取第一个 book 元素的子节点将 "y" 变量设置为第一个 book 元素的第一个子节点对于每个子节点(从第一个子节点 "y" 开始):检查节点类型。...获取第一个 元素节点的文本节点。将 txt 变量设置为文本节点的值。...设置 x 变量以保存第一个 元素的所有属性的列表。获取 "category" 属性的值和属性列表的长度。
* 如何绑定事件 1. 直接在html标签上,指定事件的属性(操作),属性值就是js代码 1. 事件:onclick--- 单击事件 2....方法: 1. removeAttribute():删除属性 2. setAttribute():设置属性 * Node:节点对象,其他5个的父对象 * 特点:所有dom对象都可以被认为是一个节点...* removeChild() :删除(并返回)当前节点的指定子节点。 * replaceChild():用新节点替换一个子节点。...如: 单击,双击,键盘按下了,鼠标移动了 * 事件源:组件。如: 按钮 文本输入框... * 监听器:代码。 * 注册监听:将事件,事件源,监听器结合在一起。...加载事件: 1. onload:一张页面或一幅图像完成加载。 4. 鼠标事件: 1. onmousedown 鼠标按钮被按下。 2. onmouseup 鼠标按键被松开。
XMLHttpRequest对象去实现ajax应用 步骤: A:创建XMLHttpRequest对象 B:注册回调函数 C:设置连接信息 D:发送数据到服务端进行交互 E:接受数据 创建js:verifyown.js...ul节点任何位置都会触发click事件 完善点2:为二级菜单添加连接,单击后将相关页面在类似与iframe中显示 jQuery(function() //$(document).ready(function...var wordInputOffset = wordInput.offset(); //获取autodiv节点对象 var autoNode = $("#auto"); //将自动提示框先隐藏 autoNode.hide...var obj={name:"mike",age:12}; jquery中的两大特性:链式调用和隐式递归 html() html(val) //匹配第一个元素 text() text(val) //匹配所有的元素...本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
获取Element对象 ① getElementById() 根据id属性值获取元素对象。...③ replaceChild() 用新节点替换一个子节点。 3. 属性 * parentNode :返回节点的父节点。...innerHTML 获取/设置标签体内容 【该标签会刷新父标签内所有内容,会导致id绑定的监听失效,需要设置属性绑定】 五、事件监听机制 1....加载事件 ① onload 一张页面或一幅图像完成加载。 4. 鼠标事件 ① onmousedown 鼠标按钮被按下。 ② onmouseup 鼠标按键被松开。...("but"); //设置按钮单击事件 but.onclick = function () { //追加一行数据
1.3.1 常用方法 方法 描述 appendChild() 向元素添加新的子节点,作为最后一个子节点 removeChild() 从元素中移除子节点 replaceChild() 替换元素中的子节点...firstChild 返回元素的首个子元素 lastChild 返回元素的最后一个子元素 parentNode 返回元素的父节点 getAttribute() 返回元素节点的指定属性值 setAttribute...1.5.1 事件句柄 点击事件 事件 描述 onclick 单击事件 ondblclick 双击事件 焦点事件 事件 描述 onblur 失去焦点 onfocus 元素获得焦点 加载事件 事件 描述...onload 一张页面或一幅图像完成加载 鼠标事件 事件 描述 onmousedown 鼠标按钮被按下 onmouseup 鼠标按键被松开 onmousemove 鼠标被移动 onmouseover...("but"); //设置按钮单击事件 but.onclick = function () { //追加一行数据
方法: 通过具体的元素节点调用 getElementsByTagName() 方法,获取当前节点的指定标签名孩子节点 appendChild( oChildNode ) 方法,可以添加一个子节点,oChildNode...是要添加的孩子节点 属性: childNodes属性,获取当前节点的所有子节点 firstChild属性,获取当前节点的第一个子节点 lastChild属性,获取当前节点的最后一个子节点 parentNode...获取所有子节点 }; //6.返回#phone的第一个子节点 var btn06Ele = document.getElementById("btn06"...("phone").firstChild.innerHTML ); //2 再根据phone标签对象,查找第一个子节点 }; //7.返回#bj的父节点...id="btn05">返回#city的所有子节点 返回#phone的第一个子节点
onunload 页面完全卸载后,在windows对象上触发;或者所有框架都卸载后,在框架集上触发 3.事件处理程序的调用 在使用事件处理程序对页面进行操作时,在最主要的是如何通过对象的事件来制定事件处理程序... 6.常用对象 1.Windows对象 windows...对象即浏览器窗口对象,是一个全局对象,是所有对象的顶级对象。...Node 节点的第一个子节点,没有则为null lastChild Node 节点的最后一个子节点,没有则为null previousSibling Node 节点的上一个节点,没有则为null nextChild...Node 节点的下一个子节点,没有则为null nodeName String 节点名 nodeValue String 节点值 nodeType String 表示节点类型的整形常量 Node对象的节点类型
XMLHttpRequest只是实现Ajax的一种方法。 XMLHttpRequest对象 所有现代浏览器都支持XMLHttpRequest对象(IE5和IE6使用ActiveX对象)。...XMLHttpRequest用于在后台与服务器交换数据。这意味着可以在不重新加载整个页面的情况下更新页面的某些部分。...xmlhttp.open("GET","ajax_info.txt",true); xmlhttp.send(); 创建XMLHttpRequest对象 所有现代浏览器(IE7+、Firefox、Chrome...=新ActiveXObject(“Microsoft.XMLHTTP”); 为了应对所有现代浏览器,包括IE5和IE6,请检查浏览器是否支持XMLHttpRequest对象。...“获取我最喜爱的CD”按钮时,将执行loadXMLDoc()函数。
常用节点获取方法: 名称 描述 getElementById() 获取带有指定id的节点 getElementsByTagName() 获取带有指定标签名的节点集合 querySelector() 获取指定选择器或选择器组匹配的第一个节点...querySelectorAll() 获取指定选择器或选择器组匹配的所有节点集合 2....firstElementChild 返回指定元素的第一个子元素节点 lastElementChild 返回指定元素的最后一个子元素节点 3....‘beforeend’:插入元素内部的最后一个子节点之后 ‘afterend’:元素自身的后面 ‘beforebegin’:元素自身的前面 ‘afterbegin’:插入元素内部的第一个子节点之前...本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
属性可以获取到当前元素所有子元素,不包括文本节点 区分概念: 节点包括文本节点,而元素不包括文本节点 firstChild获取当前元素第一个子节点 VS firstElementChild获取当前元素第一个子元素...抽离出按钮点击函数的小案例 parentNode :获取一个元素的父元素 innertext :获取到一个标签里面的文本内容 获取兄弟节点,也可能会获取到空白节点 获取兄弟元素 节点的属性 通过nodevalue...childNodes属性会获取包括文本节点在内的所有节点,注意DOM标签与标签之间的空白也会被当成文本节点 在IE8一下的浏览器中,不会将空白文本当成子节点,所以该属性再IE8中会返回4个子元素...,而其他浏览器都是9个 ---- children属性可以获取到当前元素所有子元素,不包括文本节点 ---- 区分概念: 节点包括文本节点,而元素不包括文本节点 ---- firstChild获取当前元素第一个子节点...VS firstElementChild获取当前元素第一个子元素 firstElementChild不支持IE8和一下的浏览器 ---- 抽离出按钮点击函数的小案例 <!
有了这个方法,用户不再需要自己设定全局变量来保存 zTree 初始化后得到的对象了,而且在所有回调函数中全都会返回 treeId 属性,用户可以随时使用此方法获取需要进行操作的 zTree 对象 参数说明...属性下); 2、如需遍历全部节点需要利用递归,或利用 transformToArray 方法 将数据变成简单的 Array 集合 3、对于异步加载模式下,尚未加载的子节点是无法通过此方法获取的。...2、默认情况下,按类似以下配置和初始化方式,调用该API,获取不到数据,因为全部节点都是没选中的,解决方案如下: 1)先通过ztreeObject.checkAllNodes(false) 取消所有节点的选中状态...(因为一开始全部节点都是没选中的,所以调用该API后,所有节点都是改变过状态的) 2)然后通过ztreeObject.getChangeCheckedNodes() 获取所有改变过状态的节点(所有节点..., textStatus, errorThrown) { alert('获取树资源节点失败' + XmlHttpRequest.responseText);
获取第一个子元素以下代码显示了第一个 的第一个元素节点: 元素节点上使用 get_firstChild 函数,获取第一个子节点,该子节点是一个元素节点输出是第一个是元素节点的子节点的节点名称更多示例lastChild(...获取 元素的第一个子节点。将节点值更改为 "new content"。循环遍历并更改所有 元素的文本节点更改属性的值在 DOM 中,属性也是节点。...获取第一个 title 元素的第一个子节点。使用 nodeValue 属性清除文本节点的文本。通过名称删除属性节点removeAttribute() 方法按名称删除属性节点。...循环遍历并删除所有 元素的 "category" 通过对象删除属性节点removeAttributeNode() 方法使用节点对象作为参数删除属性节点。
() 获取带有指定标签名的节点集合 getElementsByClassName() 获取带有指定类名的节点集合 querySelector() 获取指定选择器或选择器组匹配的第一个节点 querySelectorAll...() 获取指定选择器或选择器组匹配的所有节点集合 getElementById案例 //获取 id 为 container 的节点 document.getElementById('container...parentNode 返回指定节点的父节点 firstElementChild 返回指定元素的第一个子元素节点 lastElementChild 返回指定元素的最后一个子元素节点 innerHTML...p' insertAdjacentHTML(position, text)示例 position位置参数 说明 'beforebegin’ 元素自身的前面 'afterbegin‘ 插入元素内部的第一个子节点之前...,关闭窗口,窗口滚动等,掌握如何处理窗口事件可以帮助我们实现更加丰富的交互效果; 常用窗口事件 方法 说明 load 当整个页面及所有依赖资源(如样式表和图片)都已完成加载时,将触发load事件 beforeunload
兄弟节点(Sibling)同一节点的所有子节点胡伟兄弟节点 子树(Subtree):子树是一个父节点的某个子节点的所有边和后代节点所构成的集合 叶节点(LeafNode):没有子节点的节点称为叶节点 层数...(Level):一个节点的层数是指从跟节点到该节点的路径的边的数目,定义根节点层数为0 高度(Height):树的高度等于所有节点层数的最大值 定义2 每棵树为空,或者包含一个根节点和0个或多个子树,...在DOM里面,网页的所有元素以父子对象等形式形成树形结构,这棵树最顶层的是浏览器window对象(如图4),window对象的一个子对象是document对象,一个HTML文档被加载到浏览器的时候,都会创建一个...# 只返回第一个li的文本,欲获取全部需要遍历 print(lt.text()) # 返回所有li的文本,用空格隔开,结果是字符串类型 print(type(lt.text(...那么ajax是如何实现这种效果的呢?既然加载了数据那么肯定是向服务器发送了请求,那么如何做到不显示新的页面呢?答案是XMLHttpRequest(XHR)对象,它可以实现这种方式。
在 HTML 中如何使用 JavaScript *1....获取节点的方式: array getElementsByTagName("节点名"); //获取所对应节点名(所有),返回的是数组 object getElementById...("id名"); //获取id名的唯一节点对象 示例:(找节点) document.getElementsByTagName("li"); //所有所有li...("ul")[0].getElementsByTagName("li"); //获取第一个ul节点中所有li子节点 获取到的标记名(多个)、 id(唯一...firstChild 返回节点的首个子节点。 lastChild 返回节点的最后一个子节点。
")选取所有的多选框 $(":file")选取所有的上传按钮 $(":butten")选取所有的按钮 11.过滤器 注意 : jQuery 对象中存储的 DOM 对象顺序与页面标签声明位置关系 jQuery...例如:给id是btn的按绑定单击事件 $("#btn").click(function(){ alert("btn按钮单击了"); }) 12.2 on 事件绑定 on() 方法在被选元素上添加事件处理程序...例如: $("#btn").on("click" , function(){ 处理按钮单击事件 }) 13.函数 13.1 第一组 13.1.1...13.1.3 attr函数 对 val, text 之外的【其他属性操作】 $(选择器).attr(“属性名”) : 获取 DOM 数组第一个对象的属性值 。...注意:在代码中的写的等标签不会在页面中显示,而是会在页面中执行,但是获取的文本内容中含有这个 $(选择器).html():无参数调用方法,获取 DOM 数组第一个dom对象的在网页上显示的文本内容。
confirm() 显示一个带有提示信息,确定和取消按钮的对话框 close() 关闭浏览器窗口 open() 打开一个新的浏览器窗口,加载给定URL所指定的文档 setTimeout() ...常用方法 名称 说明 back() 加载history对象列表的前一个URL forward() 加载history对象列表中的下一个URL go() 加载history 对象列表的某一个具体的...reload() 重新加载当前文档 replace() 用新的文档替换当前文档 getElementByld() 返回对拥有指定id的第一个对象的引用 getEllementsByName 返回带有指定名称的对象的集合...) 节点属性 描述 parentNode 返回节点的父节点 childNodes 返回子节点的集合,childNodes[i]; firstChild 返回节点的第一个子节点,最普遍的用法是访问该元素的文本节点... 返回节点的第一个子节点,最普遍的做法是访问该元素的文本节点 lastElementChild 返回节点的最后一个子节点 nextElenentSilbling 下一个节点 previousElementSibling
领取专属 10元无门槛券
手把手带您无忧上云