innerText 和 textContent 都是获取所有节点的 firstChild.nodeValue 是获取本节点的text文本,不包含子节点的。 ?
/test.html', etree.HTMLParser()) result = html.xpath('//div//a') # 获取div的所有后代a节点 print(result) 父节点 ..../test.html', etree.HTMLParser()) # 获取所有li的子节点a的属性href result = html.xpath('//li/a/@href') print(result.../test.html', etree.HTMLParser()) # 获取属性class值为item-0的li的子节点a的文本内容 result = html.xpath('//li[@class="item...-0"]/a/text()') print(result) # ['first'] 如果想要获取后代节点内部的所有文本,使用 //text() from lxml import etree html.../test.html', etree.HTMLParser()) # 获取所有li的后代节点中的文本 result = html.xpath('//li//text()') print(result)
(标签)中的文本 属性节点(attribute对象):代表一个属性,元素(标签)才有属性 注释是注释节点(comment对象) JavaScript 可以通过DOM创建动态的 HTML: JavaScript...能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript 能够对页面中的所有事件做出反应...注意不要加括号 常用方法如下: parentElement 父节点标签元素 children 所有子标签 firstElementChild...名 d3Ele.innerText = '我后来创建的div' //设置div里面的内容 添加子节点 d2Ele = document.getElementsByClassName('d3...') //获取id为d2的div元素 d2Ele.appendChild(d3Ele) //将d3Ele作为子元素添加到d2Ele中 删除节点 d2Ele.removeChild
属性可以获取到当前元素所有子元素,不包括文本节点 区分概念: 节点包括文本节点,而元素不包括文本节点 firstChild获取当前元素第一个子节点 VS firstElementChild获取当前元素第一个子元素...抽离出按钮点击函数的小案例 parentNode :获取一个元素的父元素 innertext :获取到一个标签里面的文本内容 获取兄弟节点,也可能会获取到空白节点 获取兄弟元素 节点的属性 通过nodevalue...childNodes属性会获取包括文本节点在内的所有节点,注意DOM标签与标签之间的空白也会被当成文本节点 在IE8一下的浏览器中,不会将空白文本当成子节点,所以该属性再IE8中会返回4个子元素...,而其他浏览器都是9个 ---- children属性可以获取到当前元素所有子元素,不包括文本节点 ---- 区分概念: 节点包括文本节点,而元素不包括文本节点 ---- firstChild获取当前元素第一个子节点...,触发鼠标按下的事件 obj.onmousedown=function(event) { event=event||window.event; //设置obj对所有鼠标点击事件的捕获
var d = document.getElementById(“id”) 获取和修改元素的文本内容 innerText 获取和修改元素的html内容 innerHTML 获取和修改元素的值...里面所有的span子元素 $(“div+span”) 匹配div后面的span $(“div~span”) 匹配div后面所有的span 层级相关的方法: ("#abc").prev(“div”) 匹配...”) 匹配包含p子元素的div $(“div:empty”) 匹配空的div $(“div:parent”) 匹配非空的div $(“div:contains(‘xxx’)”) 匹配包含xxx文本的div...div:not(xxx) 偶数 div:even 基数 div:odd 内容选择器 包含子元素 div:has(xxx) 空元素 div:empty 非空元素 div:parent 包含文本的元素 div...> function downfn(){ console.log("鼠标按下"); } function upfn()
选择器 说明 :contains(text) 选择包含给定文本内容的元素 :has(selector) 选择包含选择器所匹配元素的元素 :empty 选择所有不包含子元素或者不包含文本的元素 :parent...选择含有子元素或者文本的元素 $("div:contains('刘')").css("text-decoration", "underline"); 表单伪类选择器...选择所有的提交按钮 :reset 选择所有的重置按钮 :text 选择所有的单行文本框 :image 选择所有的图像域 :hidden 选择所有的隐藏域 $(document...HTML内容 ---- 对文本内容进行操作 jQuery提供了两种方法用于对文本内容进行操作,分别是text()方法和text(val)方法: text()方法用于获取全部匹配元素的文本内容 text...keypress() 按下键盘上某个产生字符的按键时触发 keyup() 释放某个按键的时候触发 $(document).ready
.show(); }); is('selecter'): 是否匹配选择器表达式 // <input type="button" value=" 判断样式为hide的<em>div</em> 下一个兄弟<em>是否</em>是span" id...:获取他的所有孩子 closest(...):从元素本身开始,逐级向上级元素匹配,并返回最先匹配的元素 find(...)...使用end后将返回A位置 contents() 获得所有节点(子元素、文本) abc xxx 串联: add(e|e|h|o[,c]) 相当与 $("#id,.class...可以在父元素上检测子元素获取焦点的情况 blur和focusout 失去焦点 <script type="text/<em>javascript</em>" src=".....<em>所有</em>内容:有name,有值(非空)--<em>文本</em>有数据,单选多选选中,下拉列表选中等 字符串:key=value&key=value&.... serializeArray()将表单中<em>所有</em>内容转成json数组
,返回一个布尔值 children 获取元素所有的子元素节点集合/数组 childNodes 获取元素所有的子节点集合/数组 firstChild 获取元素第一个子节点 firstElementChild...获取元素第一个子元素节点 lastChild 获取元素最后一个子节点 lastElementChild 获取元素最后一个子元素节点 previousSibling 获取元素前一个兄弟节点 previousElementSibling...onselect 文本被选中。 onsubmit 确认按钮被点击。 onunload 用户退出页面。 键盘事件 属性/函数名称 描述 altKey 返回当事件被触发时,"ALT" 是否被按下。...ctrlKey 返回当事件被触发时,"CTRL" 键是否被按下。 metaKey 返回当事件被触发时,"meta" 键是否被按下。 relatedTarget 返回与事件的目标节点相关的节点。...shiftKey 返回当事件被触发时,"SHIFT" 键是否被按下。
最近在学习jQuery 不难 只是有些东西容易忘 特此记录之 选择器 按ID查找 // 查找: var div = $('#abc'); 按标签查找 var ps = $('...p'); // 返回所有节点 ps.length; // 数一数页面有多少个节点 按class查找 var a = $('.red'); // 所有节点包含`class="red"`都将返回...查找子父节点 $('h3').parent().css() //查找h3父元素 $('h3').sliblings()//所有兄弟节点 $('h3').nextAll()//当前节点后面所有兄弟节点 $...()//查找所有直接子元素 $('div').find('li')//所有后代元素 操作DOM 修改Text和HTML jQuery对象的text()和html()方法分别获取节点的文本和原始HTML文本...无参数调用text()是获取文本,传入参数就变成设置文本,HTML也是类似操作 操作表单 jQuery对象统一提供val()方法获取和设置对应的value属性、 和js中的 .value()作用一样
元素(Element)是文档中的标签,如 、、。 属性(Attribute)是元素的特性,如 id、class。 文本(Text)是元素中的文本内容。 如何访问 DOM 元素?...通过标签名获取元素 var elements = document.getElementsByTagName("p"); 上面的代码将获取所有 元素。 3....通过类名获取元素 var elements = document.getElementsByClassName("myClass"); 上面的代码将获取所有 class 属性为 “myClass” 的元素.../移除子元素 上面的代码首先获取具有 id 属性为 “parent” 的元素,然后创建一个新的 元素,并将其作为子元素添加到 “parent” 元素中。...3. keydown 事件 keydown 事件在用户按下键盘上的键时触发。你可以使用这个事件来捕获用户的按键操作,例如输入文本或控制游戏。
掌握JavaScript的基本语法 掌握JavaScript的对象获取 掌握JavaScript标签的基本操作 使用JS可以获得指定元素 使用JS可以对指定元素的样式进行操作(获得或修改) 使用JS可以编写定时程序...document.createTextNode() 创建文本节点。 ele.appendChild() 向标签体末尾添加新的子节点。 实例: <!...() 通过标签名获得所有的元素 创建 createElement() 创建指定名称的元素 createTextNode() 创建指定内容的文本节点 常见属性 childNodes,获得所有的子节点...元素可包含属性、其他元素或文本。也就是说HTML标签可以包含属性,其他子标签或文本。...8.2 案例分析 当获得select标签后,可以通过element的childNodes属性获得的子节点(子元素和文本节点),通过子标签(option) 的 selected属性判断是否选中,就可以完成需要功能
,都不具有绝对的唯一性 当我们获取元素对象标签元素的时候,方法返回的是自己查找的所有内容以数组返回 我们需要使用数组下标的方式获取读取唯一的元素 另外,我们可以利用节点的关系来对元素标签获取进行规范和控制...,例如: 我们获取的内容在div中的table中的th标签中的元素,那么我们使用 getElementsByTagName()方法获取所有th标签,那么HTML页面中无数的th标签都会被获取 我们可以使用...getElenemtsById()先定位目标div标签,再通过getElementsByTagName()方法获取th标签元素 对象元素读写特性: innerHTML 表示对象元素所包含的文本和HTML...表单重置时 键盘、鼠标、reset方法 event对象属性 当事件发生时会产生事件对象,事件对象得作用时用来记录事件发生得关键信息 属性 说明 条件 altKey、ctrlKey、shiftKey 是否按下...Alt、Ctrl、Shift键 键盘鼠标 button 鼠标按钮是否按下 鼠标 keyCode 键盘按键时unicode值 键盘 clientX、clientY 鼠标在窗口区得坐标 鼠标 offsetX
并且,并不是一个元素的所有文本内容作为一个 Text 对象,如果文本内容被其他元素标签分割开了,那么这些文本内容会被分割成多份节点,都作为元素的子元素拼接在 DOM 树中。.../hidden/id 获取或设置disable/hidden/id… attributes 获取元素设置的属性值列表,返回Attr[]对象 innerHTML 获取元素标签包装的内容,包括文本内容及子元素...(HTMLElement) 判断指定元素与当前是否相同,具有相同的class,相同的属性,相同的子元素 isSameNode(HTMLElement) 判断是否是同一个元素 removeChild(HTMLElement...jquery2 text() 会返回当前元素内的所有文本内容,包括子孙后代元素所包装的文本内容。...小结 获取元素的内容(包括标签)可用 html(),创建元素时用 $ ("xxx"),如果元素只有一个子元素,那么获取文本内容时可直接用 text(),添加子元素时用 append()。
元素:页面中所有标签都是元素,DOM中使用element表示。 节点:网页中所有内容都是节点(标签、属性、文本、注释等),DOM中使用node表示。...还可以获取某个元素(父元素)内部所有指定标签名的子元素。...>文本 //1.获取元素 var div = document.querySelector('div'); //2....childNode获得的是所有类型的子节点,包含元素节点、文本节点等,如果想要获得里面的元素节点,则需要专门处理,所以我们不提倡使用childNodes。...parentNode.children(非标准) 获取所有的子元素节点,也是我们实际开发常用的。
window对象 所有浏览器都支持window对象。它表示浏览器窗口。 所有JavaScript全局对象、函数以及变量均自动成为window对象的成员。 全局变量是window对象的属性。...标签)中的文本 属性节点(attribute 对象):代表一个属性,元素(标签)才有属性 注释是注释节点(comment对象) JavaScript 可以通过DOM创建动态的HTML: JavaScript...能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript 能够对页面中的所有事件作出反应...所有子标签 firstElementChild 第一个子标签元素 lastElementChild 最后一个子标签元素 nextElementSibling 下一个兄弟标签元素...removeChild(要删除的节点); 替换节点 语法: somenode.replaceChild(newnode,某个节点); 属性节点 获取文本节点的值: var divEle = document.getElementById
p") 包含选择器 div中所有的p 子元素 子子元素.. ...$("div > p") 子后代选择器 div中直接子后代 $("div + p")第一个兄弟p 简单选择器 :first 选取第一个元素 $("div:first")...元素 $(":text")匹配所有 匹配所有的单行文本框 $(":checkbox")匹配所有复选框 etc.....查看帮助 表单对象属性选择器 ...pageX、pageY target 获得触发事件的元素 个人觉得没什么用,就相当于this altKey、shiftKey、ctrlKey keyCode 键盘码、 获取按下的是哪个键...失去焦点 [搜索文本框效果] 获取对像的宽度和高度 var width = $(对像).width(); var height = $(对像).height();
能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript 能够对页面中的所有事件做出反应...2.2.2间接查找 parentElement 父节点标签元素 children 所有子标签 firstElementChild 第一个子标签元素...> innerText和innerHTML divEle.innerText//获取文本 "div1 span1 in div p in div span2 in div" divEle.innerHTML...//获取文本和HTML代码 "div1 span1 in div p in div ...此时,文档中的所有对象都位于DOM中,并且所有图像,脚本,链接和子框架都已完成加载。 注意:.onload()函数存在覆盖现象。
(); }, yes: function (index, layero) { //按了弹出层的确定按钮时,这是将在父窗口中获取子窗口form...标签里的所有值,并根据name名和值形成键值对json对象 //console.log(layero); layer.alert('来到这里了'+index...,input,下拉框啊,之类的表单元素(即changefileform下的所有数据) data[item.name] = item.value; //根据表单元素的...> 2、然后再这个弹出层填写数据,按了确定后就开始加载这个js啦,这个获取数据是通过name属性来获取的,上面...= window.parent.getrowselect(); console.log(rowselect);//这里可以打印一下获取到值没有 5、假如是子窗口传值给父窗口 父窗口js: function
, div#h") #所有class为"no"或者id为"h"的div元素 document.body #获取body标签 document.documentElement #获取...#获取第一个子节点 lastChild #获取最后一个子节点 并把换行和空格也当成是节点信息 lastElementChild #获取最后一个子节点 parentNode...这里我们获取到了所有的Div元素,我们可以针对性的获取一个ID下的Div的子元素以及它的兄弟和父,子元素,如下: 6)).创建节点 我们可以自定义节点并添加值,不过要将它添加到文档中去,所以必须添加节点...返回指定节点的命名空间的 URI a.dir 设置或返回元素的内容是否可编辑 a.normalize() 合并元素中相邻的文本节点,并移除空的文本节点 a.tabIndex...获取或者设置表单元素的值 总结 这篇文章主要介绍了JavaScript的文档对象。
id="div1" class="box" style="height: 300px;"> 获取子节点元素 <!...= function(){ odiv = document.getElementById('div1') alert(odiv.childNodes) //获取所有的子节点 alert(odiv.childNodes.length...斜体文本内容粗体 删除子空白的文本节点 ...id="div1"> altKey:判断键盘上的alt键是否按下 ctrlKey:判断键盘上的ctrk键是否按下 shiftKey...:判断键盘上的shift键是否按下 keyCode:判断键盘上任意某一个键是否按下 window.onload = function(){ document.onkeydown = function
领取专属 10元无门槛券
手把手带您无忧上云