document.documentElement.scrollTop||document.body.scrollTop;获取浏览器垂直方向滚动条滚动距离。
dom对象.scrollTop:返回元素垂直方向上滚动条滚动距离。
dom对象.scrollLeft;水平方向滚动条滚动距离。
dom对象.scrollWidth 返回元素内部实际内容的宽度。
dom对象.scrollHeight:返回元素内部实际内容的高度。
dom对象.scrollBy(X,Y)滚动条滚动距离水平方向每次滚动x像素,垂直方向每次滚动y像素。
dom对象.scrollTo(X,Y)滚动条滚动距离水平方向滚动到x像素,垂直方向滚动到y像素。
JAVASCRIPT的实现包括三个部分:
1.核心 (ECMAScript):描述JS的语法和基本对象。
2.文档对象模型(DOM):处理网页内容的方法和接口。
3.浏览器对选哪个模型(BOM):与浏览器交互的方法和接口。
var oDiv=document.getElementById(“box”);
或者( var oDiv=document.getElementsByTagName(“div”)[0];)
// 属性对象
var ab=oDiv.getAttributeNode(“id”);
console.log(ab.nodeType); 节点类型返回2,表示属性节点。
console.log(ab.tagName); 节点名称,属性名。
console.log(ab.nodeValue);ID对应的属性值。
文本对象*
var ch=oDiv.firstChild; //查找div中的第一个子节点。
console.log(ch.nodeType);节点类型返回3,文本节点。
console.log(ch.tagName);节点名称
console.log(ch.nodeValue);节点值。
父节点找子节点:
console.log(oUl.firstChild);//第一个子节点,可能有文本节点 换行。
console.log(oUl.firstElementChild);//第一个子元素节点 (查找父节点下的第一个子元素节点)
console.log(oUl.lastChild);//最后一个子节点, 可能有文本节点,换行。
console.log(oUl.LastElementChild);//最后一个子元素节点。(查找父节点下的最后一个子元素节点)
console.log(oUl.children); //ul里的所有的子节点对象。(多个 查找父节点下的所有子元素节点)
console.log(oUl.childNodes);(查找父节点下的所有的子节点)
子节点找父节点:
列表1
列表3
列表2
*var oUl=document.getElementById(“bx”);
var oLi=document.getElementById(“list”);
console.log(oLi.parentNode); //查找父节点(通过子节点查找父节点)
console.log(oLi.parentElement);*//查找父元素(通过子节点查找父元素)
兄弟节点
列表1
列表2
列表3
var oLi=document.getElementById(“lis”);
console.log(oLi.nextSibling);//查找下一个兄弟节点 可能为文本。
console.log(oLi.nextElementSibling); //查找下一个元素兄弟节点
console.log(oLi.previousElementSibling); //查找上一个元素兄弟节点 。