docu/code/javascript/document
项目名称 项目描述 项目结果
document.documentElement  
document.readyState  
document.body.clientWidth; 网页可见区域宽度 px
document.body.clientHeight; 网页可见区域高度 px
document.body.offsetWidth; 网页可见区域宽度 px
document.body.offsetHeight; 网页可见区域高度 px
document.body.scrollWidth; 网页正文全文宽度 px
document.body.scrollHeight; 网页正文全文高度 px
document.body.scrollTop; 网页被卷去的高度 px
document.documentElement.scrollTop; 网页被卷去的高度 px
项目名称 项目描述 项目结果
document.getElementById 返回对拥有指定ID的第一个对象的引用
document.getElementById("name").style.width    
document.getElementById("name").style.color    
document.getElementById("name").getAttribute("data-page"); 获取属性值  
document.getElementById("name").setAttribute("data-page", "1"); 设置属性值  
document.getElementById("name").setAttribute("href", "http://www.szeight.com"); 设置超级链接属性值，只针对a标记有效。
document.getElementById("name").innerHTML = "数据已经加载完毕"; 修改标记的内容  
项目名称 项目描述 项目结果
var _objs = document.getElementsByTagName("div"); 返回带有指定标签名的对象的集合。
document.getElementsByTagName("div").length; 获取div标签对象的集合的长度。
document.getElementsByTagName("div")[0].childNodes  
document.getElementsByTagName("div")[0].nodeName;  
document.getElementsByTagName("div")[0].nodeValue;  
document.getElementsByTagName("div")[0].className;  
项目名称 项目描述 项目结果
var _objs = document.getElementsByClassName 返回带有指定样式名的对象的集合。
var _tags = document.getElementsByClassName("maiy_list");
document.write(_tags.length);		   运行结果：
var _tags = document.getElementsByClassName("maiy_list")[0].childNodes;
document.write(_tags.length);		   运行结果：
var _tags = document.getElementsByClassName("maiy_list")[0].nodeName;
document.write(_tags.toLowerCase());		   运行结果：
var _tags = document.getElementsByClassName("maiy_list")[0].nodeValue;
document.write(_tags);		   运行结果：
var _tags = document.getElementsByClassName("maiy_list")[0].className;
document.write(_tags.toLowerCase());		   运行结果：
项目名称 项目描述 项目结果
var _elem = document.createElement("span"); 创建一个元素节点。
var _text = document.createTextNode("Hello world"); 创建一个文本节点。
_elem.appendChild(_text); 向节点的末尾添加新的子节点。 https://www.w3school.com.cn/xmldom/met_node_appendchild.asp
_elem.style.color = "#ff0000"; 设置文本颜色。 https://www.w3school.com.cn/jsref/dom_obj_style.asp
_elem.style.fontSize = "12px"; 设置字体大小。
document.getElementById("demo_elem").appendChild(_elem); 将创建好的节点_elem添加到demo_elem中末尾处。