type
status
date
slug
summary
tags
category
icon
password
URL
Sep 1, 2022 09:23 AM
parentNode选择元素的父元素
li.parentNodethis：函数的内置对象，选择自己的函数
this.namechildNodes和children
childNodes：获取所有子元素，存储至数组中包括元素和文本以及注释;
children:获取所有子元素，存储至数组中只返回元素节点;
innerText:纯文本，不包含标签
outerHtml:包含自身标签的所有内容
innerHTML:不包含自身标签的所有内容（最常用）
innerHTML作用：拼接字符串创建HTML元素，搭建页面
属性
object.Attribute = value
object.getAttribute(attribute)
object.setAttrirbute(attribute,value)
行内样式读：
var oBox=document.querySelector("#box1")console.log(oBox.style.width);非行内样式读：
console.log(getComputedStyle(oBox1,false)["backgroundColor"]);
console.log(getComputedStyle(oBox1,false)["fontSize"]);
返回属性值，写入加上 = 号就行
行内样式
var oBox = document.querySelector("#box");
console.log(oBox.style.width);
insertBefore
oBtn.onclick = function(){
var oLi = document.createElement("li");
oLi.innerHTML = oText.value;
//oUl.insertBefore(oLi,oUl.children[2]);
oUl.insertBefore(oLi,null);//等价于appendChild
}
父节点.insertBefore(目标节点，参照节点)：将目标节点添加至参照节点之前
offset相关属性
offsetWidth/offsetHeight/offsetLeft/offsetTop
读：全都是纯数字
.offsetWidth/.offsetHeight/.offsetLeft/.offsetTop
写：必须传入加px的字符串
.style.width="200px";
style.heigth="200px";
style.left="200px";
style.right="200px";
window.onscoll事件
兼容性获取滚动条高度
document.body.scrollTopdocument.documentElement.scrollTop