单位网站建设,要网站开发费用短信,免费咨询法律问题找哪里,怎样设计一个网页1.DOM节点 #xff08;1#xff09;node.offsetParent最近的有定位属性的祖先节点 如果祖先节点都没有定位#xff0c;那么默认为body #xff08;2#xff09;node.offsetLeft/node.offsetTop 距离最近的有定位属性的祖先节点的距离 node.offsetLeft左外边框到定位父级的…1.DOM节点 1node.offsetParent最近的有定位属性的祖先节点 如果祖先节点都没有定位那么默认为body 2node.offsetLeft/node.offsetTop 距离最近的有定位属性的祖先节点的距离 node.offsetLeft左外边框到定位父级的左内边框的距离 node.offsetTop上外边框到定位父级的上内边框的距离 3node.getBoundingClientRect( ) 获取元素的盒模型信息 返回值为一个对象 left top bottom right width height 相对于浏览器可视区域 注意获取的值会根据滚动条滚动的距离变换的 node.getBoundingClientRect().left 2.元素属性操作 1获取元素行间的属性 elem.getAttribute(key); 特点可以操作行间自定义的属性、可以获取src、href等的相对地址 2设置元素的行间属性 elem.setAttribute(key,value); 3删除元素的行间属性 elem.removeAttribute(key); 3.可视区的宽/高 document.documentElement.clientWidth document.documentElement.clientHeight 4.元素的宽/高 都加上padding值 node.offsetWidth/node.offsetHeight 计算边框 node.clientWidth/node.clientHeight 不计算边框 5.元素的操作 1document.createElement(tagName) 通过标签名的形式创建一个元素 2parentNode.appendChild(childNode) 往一个节点里面添加一个子节点注意是添加在最后 3parentNode.insertBefore(childNode1,childNode2) 往一个节点的指定子节点的前面插入一个节点 如上childNode1插入到childNode2前面 特性如果第二个参数为假的那么会将某个元素添加到父元素的末位 4parentNode.removeChild(childNodes) 从一个节点中删除指定的子节点 注意如果指定的子节点没有会报错 5parentNode.replaceChild(node,childNodes) node用来替换的节点childNodes被替换的子节点两个参数都必须写 6node.cloneNode(boolean) 克隆一个节点 元素事件是不会被克隆的参数不传默认为flase true:克隆元素和元素包含的子孙节点 flase:克隆元素但不包含元素的子孙节点 6.表格的操作 1table.tHead--获取表格头部 2table.tFoot--获取表格底部 3table.tBodies--获取表格主体 获取到的是一个集合 4tBodies[n].rows/tHead.rows/tFoot.rows表格的行就是tr 5rows[n].cells单元格就是td 转载于:https://www.cnblogs.com/yangxue72/p/8023328.html
