分类: DOM对象

6 篇文章

监听滚动条距离底部的距离
window.addEventListener("scroll",function(){ console.log(document.documentElement.scrollTop); console.log(document.docucmentElement.scrollHeight); console.log(document.documen…
HTML DOM 对象
Image ​ 代表网页的一个img元素var img = new Image() Select/Opitons 属性.options : 获取select下所有的option对象.option.length : 表示select下option的个数.length : 可以直接获取option的个数.value :有两种情况如果选中的option没…
DOM AIP 集合
getBoundingClientRect() 该方法返回元素的大小及相对于视口的位置element.getBoundingClientRect() 持续更新中 ...
修改元素
修改内容 ​ 获取或修改html代码片段element.innerHtml获取或修改文本element.textContent去掉内嵌的子标签,只返回文字将转义字符转入正文// IE8 element.innerText 修改属性 核心DOM访问属性获取属性值var value = elem.getAttribute("属性名")修改属性值elem…
元素查找
按节点关系查找 节点树一切文本对象都是节点对象,包括空字符串父子关系 elem.parentNode // 获取父节点 elem.childNodes // 获取所有直接子节点 elem.firstChild // 获取第一个子节点 elem.lastChild // 获取最后一个子节点 兄弟关系 elem.previousSibling // 获…
删除和增加
创建新元素var elem = document.createElement("标签名")设置关键属性a.herf = "url"将新元素添加到DOM树追加: 在父元素的结尾添加新元素javascript parent.appendChild(elem)插入: 在现有子元素之前插入新元素javascript parent.insertBefore(…