失踪人口被强迫回归

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); //查找上一个元素兄弟节点 。
 
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值