JavaScript(5)

DOM:文档对象模型是访问和处理html文档的方法
用来将html文档呈现为带有元素，属性和文本的节点
元素节点：html head body
文本节点：向用户展示
属性节点：属性标签的链接属性href
节点有三个重要属性：名称，值，类型。

通过元素的name属性查询元素
document.getElementsByName();

document.getElementsByTagName():返回标签的名称的数组

document.getElementById("");document.getElementsByName(字符串);document.getElementsTagName(字符串);
音乐
登山
游泳
阅读
打球
跑步

1. document.getElementsByTagName(“input”)，结果为获取所有标签为input的元素，共8个。一组。

2. document.getElementsByName(“hobby”)，结果为获取属性name="hobby"的元素，共6个。一组，人的名字。

3. document.getElementById(“hobby6”)，结果为获取属性id="hobby6"的元素，只有一个，"跑步"这个复选项。唯一，可以看成人的身份证号。

元素节点：
con.getAttribute();通过元素节点的属性名称来获得属性的值

con.setAttribute(name,value);

节点名称nodeName，节点类型nodeType，节点值nodeValue。

返回子节点childNodes：返回的是该节点下子节点的数组。
var x=document.getElementsByTagName[o].childNodes;


访问子节点的第一和最后一项
x.firstChild=x.childNode[0];
x.lastChild=x.childNode[x.childNode.length-1];


访问父节点：x.parentNode;

访问兄弟节点
x.nextSiBling;
x.previousSiBling;

插入兄弟节点：谁插入到哪里去？包含两个东西
var a=document.getElementsById(“test”);
var b=document.createElement(“p”);
a.appendChild(newChild)；newChild=b;


插入节点：在已有的节点前插入新节点
insertBefore();涉及到三个东西
如何表示？


删除节点：removeChild();

替换元素节点：replaceChild()

创建元素节点：createElement()

创建按钮

创建文本节点
createTextNode()
输出helloworld

浏览器窗口的内部高度和宽度：
window.innerHeight;
window.innerWidth;
html文档所在窗口的宽和高：
document.documrntElement.cilentHeight;
document.documentElement.cilentWidth;
body标签：
document.body.cilentHeight;
document.bodycilentWidth;
网页尺寸：
document.documentElement.scrollHeight;
document.documentElement.scrollWidth;

网页尺寸off.setHeight
offsetHeight = clientHeight + 滚动条 + 边框；