笔记核心: firstElementChild只会获取元素节点对象,从名称就可以看出来,firstChild则可以获取文本节点对象(当然也可以获取元素节点对象),比如空格和换行都被当做文本节点. js不同于jQuery,在获取DOM时,有很多不方便的地方,哎,没办法,原始的东东,虽然万能,但却不方便. 咱今天在使用原生js的时候,就遇见一个坑------>firstChild,具体是使用firstChild获取元素的第一个子节点,可是相当的悲剧!!! 这个是一个小模型: <div> &l

<ul>  <li>John</li>  <li>Karl</li>  <li>Brandon</li></ul> 获取第一个元素:  $("ul li:first-child") <div id="getfirst"> <ul>    <li>John</li>    <li>Karl</li>  

如获取id为divId的div下的第一个子div $("#divId").children("div").get(0) 但得到的是一个dom对象,如果要得到Jquery对象,要使用 $($("#divId").children("div").get(0))

Element.firstChild ?,是的,这是第一种方法,当然,通常来说支持 W3C 规范的浏览器,如 Firefox 等取到的应该是 TEXT_NODE.很早之前,或者说现在最流行的方法可能是: // 让我们假设要将它抽象出来,变成一个 util 对象的方法 var util = {}; util.first = function(element) { if(!element) return; var first= element.firstChild; // 处理 w3c 浏览器中第一

转自:http://blog.sina.com.cn/s/blog_5fdbd0410100pmnn.html <ul>  <li>John</li>  <li>Karl</li>  <li>Brandon</li></ul> 获取第一个元素:  $("ul li:first-child") <div id="getfirst"> <ul>    

  js 获取iframe页面元素 CreationTime--2018年8月16日18点00分 Author:Marydon <!-- chart图表 --> <iframe id="myframe" src="<c:url value="/base/server/report/report.do?REPORT_ID=${param.REPORT_ID}"/>" height="100%" wi

这还是我第一次遇到这个错误,以前都没太注意配置文件中元素的放置顺序.这次在调试一个ASP.NET MVC项目的时候,突然就爆出HTTP Error 500.19错误,提示无法访问请求的页面,因为该页的相关配置数据无效. 根据网页提供的错误信息,主要原因是configSections元素必须是configuration元素的第一个子元素.而我原本的配置信息如下(错误的): <configuration> <connectionStrings> <add name="S

在C#的List集合操作过程中,如果要获取List集合中的第一个元素对象,则一般会先通过获取到list[0]这种方式来获取第一个元素.其实在List集合中提供了获取最后一个元素的First()方法,调用此方法可直接获取List集合中第一个元素. 例如有个List<int>集合的对象list1,需要获取到该集合对象的第一个元素可使用First()方法,具体如下: List<, , , , , , , , , }; var firstInt=list1.First(); 备注:原文转载自博主

JS获取HTML DOM元素有八种方法: 1.根据id获取标签元素: document.getElementById("id名"); 2.根据标签名获取标签列表: document.getElementsByTagName("标签名"); 3.根据className获取标签列表: document.getElementsByClassName("类名"); 4.通过name属性获取标签元素: document.getElementsByName(

JS获取DOM元素的方法(8种) 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElementsByClassName) 通过选择器获取一个元素(querySelector) 通过选择器获取一组元素(querySelectorAll) 获取html的方法(document.documentElement) document.documentElement是专门获取htm

当js获取元素宽高时, 并不是一个精确的数字,如果想获取真正的宽高大致方法如下 var oStyle = obj.currentStyle ? obj.currentStyle : window.getComputedStyle(obj, null); var realheight=parseFloat(oStyle.height)); 发现这个问题来自于jqGrid的固定列问题,当屏幕分辨率比例非100%的时候,dom元素的宽高可能会出现小数,这时候如果用clientHeight或者jq的ou

什么是HTML DOM 文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口.简单理解就是HTML DOM 是关于如何获取.修改.添加或删除 HTML 元素的标准.我们用JavaScript对网页进行的所有操作都是通过DOM进行的. 这篇文章不做深入研究,只把各种用法和坑做一个总结. JS获取DOM元素的方法(8种) 通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getE

1.js获取div元素 clientHeight 获取对象的高度,不计算任何边距.边框.滚动条,但包括该对象的补白. clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离. clientTop 获取 offsetTop 属性和客户区域的实际顶端之间的距离. clientWidth 获取对象的宽度,不计算任何边距.边框.滚动条,但包括该对象的补白. offsetHeight 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度. offse

<!-- 1.option selected属性,如果我们在下拉列表里面选择了一个option那么他的selected="true" ,如果我们想设置当前的option是选中 状态的,那么我们只要设置 它的selected=‘true’或者selected="selected"或者selected,这几种方式设置都可以,但是在我们使用jquery或者js获取selected这个属性的值时, 如果他当前的状态时选中的那么他的属性值就是true 2.checked

封装 初始配置时候 要当做参数传入 element 发送的是一个元组 2  下标定位 当用elements进行定位时候 同时又有很多元素时候 默认获取第一个,但我们的元素是在后面时候 例如第四个 elements 获取相同的元素对象 类型是 列表 解决方案 通过 result = driver.find_elements_by_class_name(xxxx) result[4].click()  通过下标定位 elements[0].text 获取文本内容 3 层级定位 先找到父级 再通过父级

//谷歌,火狐支持console.log(window.getComputedStyle(my$("dv"),null).left);//IE8支持console.log(my$("dv").currentStyle.left); //获取任意一个元素的任意一个样式属性的值 //element为对象 attr为要获取那个属性 function getStyle(element,attr) { //判断浏览器是否支持这个方法 if(window.getComputed

<ul><li>11</li><li>22</li><li>33</li><li>44</li><li>55</li></ul> 我们要取到11 所在的 li 元素,有一下几种方法:$('ul').find('li:first');$('ul li:first');$('ul li').eq(0); 这几种方法,就是常用的 jquery 取得第一个元素的方法

解决办法: 1.使用行内样式设置元素的top和left值; 2.or直接获取元素的offsetLeft得到相关数值,还不需要parseInt 问题原因: 如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,这同offsetLeft是相同的,区别在于: style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算,还用offsetLe

getBoundingClientRect() 这个方法返回一个矩形对象,包含四个属性:left.top.right和bottom.分别表示元素各边与页面上边和左边的距离. var box=document.getElementById('box'); // 获取元素 alert(box.getBoundingClientRect().top); // 元素上边距离页面上边的距离 alert(box.getBoundingClientRect().right); // 元素右边距离页面左边的距离

1.屏幕尺寸 window.screen.height //屏幕分辨率的高 window.screen.width //屏幕分辨率的宽 window.screen.availHeight //屏幕可用工作区的高 window.screen.availWidth //屏幕可用工作区的宽 2.window对象尺寸 //获取窗口中文档显示区域的宽度及高度(兼容IE与DOM浏览器): window.innerWidth ? window.innerWidth : document.body.client

窗口相对于屏幕顶部距离 window.screenTop 窗口相对于屏幕左边距离 window.screenLeft, 屏幕分辨率的高 window.screen.height, 屏幕分辨率的宽 window.screen.width, 屏幕可用工作区高度 window.screen.availHeight, 屏幕可用工作区宽度 window.screen.availWidth 网页滚动距离顶部距离 document.body.scrollTop 网页滚动距离左边距离 document.body