dom编程加强.dom对象(document②.body)

在dom编程中，一个html文档会被当作 dom 树来对待，dom会把所有的 html 元素映射成Node节点

于是 你就可以使用Node节点（对象）的属性和方法。

属性都当作节点类型，譬如id

属性节点

注释节点

文本节点

文档节点 html节点

公式：元素节点.innerHTML

或者：

直接写个文本，然后通过之前一个节点获取

document.writeln(node.nextSibling.nodeValue);

注意获取属性节点值的时候，不需要加nodeValue 

我们使用Node节点的属性和方法来举一个例子：

function test(){

//获取div1(乌龟 鸡所在div),这个div也是一个Node节点，可以使用节点的方法

var Div1=$("div1");

window.alert(Div1.nodeName);div

window.alert(Div1.nodeType);//nodeType为1 ,表示是一个元素

window.alert(Div1.nodeValue);null，这块有点问题，要研究一下

window.alert(Div1.childNodes.length);

ulteredit可以看到

//注释也是一个节点，而且是这个div的兄弟节点，这里是下一个节点

//注释的nodeType 值为8

后一个节点，兄弟节点，是同一级的下一个或者上一个节点

sibling兄弟

value是注释本身

window.alert(Div1.nextSibling.nodeName+" "+Div1.nextSibling.nodeType+" "+Div1.nextSibling.value);

//获取这个div的前一个节点

window.alert(Div1.previousSibling.nodeName+" "+Div1.previousSibling.nodeType+" "+Div1.previousSibling.value);

//得到父节点，为body

window.alert("父亲节点："+Div1.parentNode);

//得到父节点的父节点

html

window.alert("父亲的父亲节点："+Div1.parentNode.parentNode);

}

function $(id){

return document.getElementById(id);

}

特别注意：经过测试，每个对象的前后的换行符都会被认为是一个节点，所以在寻找某个元素的 子节点，父节点，兄弟节点的时候一定要注意它的换行符！

背景色，前景色

document.fgColor="white";

document.bgColor="black";

Hello 

会报空，body还没有创建好

 onunload事件，网上银行，安全推出时候，在客户端，或者服务端删除用户数据

有的人直接推出，会保留用户数据，存在安全隐患

初学者很多时候 不知道知识点在哪里可以应用

举例说明：

function test(){

//innerText 浏览器会把它当作 文本来解析

$("myspan").innerText="连接到百度"; 

//innerHTML 浏览器会把它当作 html来解析

后面必须大写

$("myspan").innerHTML="连接到百度";

}

function $(id){

return document.getElementById(id);

}

滚动的时候，广告随着走

如果不跟着走，商家不给钱

scroll点在窗口的左上角

onselectstart有时候不想被粘贴拷贝

function test(){

window.alert(document.body.scrollTop+150+"px");

window.alert(document.getElementById("myHref").style.top);

document.getElementById("myHref").style.top=document.documentElement.scrollTop+150+"px";

document.getElementById("myHref").style.left=document.body.scrollLeft+50+"px";

}

function window_onscroll(){

document.getElementById("myHref").style.top=document.body.scrollTop+150+"px";

document.getElementById("myHref").style.left=document.body.scrollLeft+50+"px";

// return true;

}

function document_onselectstart()

{

return false;

}

//这样的写法等同于在 body 上 写onselectstart = "return false;" 

return document_onselectstart();

文本元素换行规则

语法：

全角和半角是什么？有什么区别

 其实全角和半角是针对中文输入法输入字符的不同状态

全角模式：输入一个字符占用2个字符，  

半角模式：输入一个字符占用1个字符。

全角模式输出的字符和半角不同，但是汉字的话2个模式都是占用2个字符

某些特殊的函数，比如命令就不能用全角输入

是用于一个合成词的两部分之间的或一个单词的字节之间的一种标点符号，

尤其是一行或一段结束时用。

连字符只指“中划线”，不包括上划线和下划线。