创建元素节点createElement_x();
创建文本节点createTextNode();
复制节点cloneNode();
追加节点 appendChild();
插入节点 inserBefore();
<script language="javascript">
var
a=document.createElement_x("p");//只是创建了一个p标签对象
var
b=document.createTextNode("hello
everyone");//创建一个文本节点
a.appendChild(b);//把文本节点b追加到已经创建好的P标签中
document.body.appendChild(a);//把名为a的标签对象追加到body中
</script>
-------------------------------------------------------------------
//节点的复制
<script language="javascript">
text1=document.createTextNode("hello world");
p1=document.createElement_x("p");
newp2=p1.cloneNode(false);
newp=p1.cloneNode(true);
</script>
--------------------innerHTML-----------------------------------------
<BODY>
function
inner_one()
{
var aa =
document.getElementByIdx('aa');//获取id=aa这个元素对象
aa.innerHTML="<a
href='http:www.baidu.com'
target='_blank'>百度</a>";
alert("你的div标签里顺利插入"+aa.innerHTML);
}
</script>
<div id="aa"></div>
<input type="button"
onclick="inner_one()"
</BODY>
----------------------------------------------------------------------
每创建一个html文档 在内存中就会被解析成一个内存树,内存树由一个一个的节点 构成
在html中 节点12种
元素节点：标签
属性节点: 标签的属性
文本节点:标签中间的文字
CSS:找到谁 改变谁
div{
}
找到谁 使用他 改变他
1、创建元素节点createElement_x(); 首单词开头字母小写
从第二个开始大写
2、创建文本节点createTextNode();创建一个文本节点
3、复制节点
克隆节点cloneNode(boolean);
如果为真的话，则克隆所有的内容
如果为false
则只复制标签
4、插入节点
appendChild();给元素添加一个节点，新的节点是加入在最后的,
不光可以添加新元素，还可以移动现在的元素
-------------------------------------------------------------------------------------
IE:attachEvent(); 添加一个事件
FF:addEventListener();//添加一个事件
---元素节点 属性节点
文档节点的属性
nodeName: 如果是元素节点 返回的是 元素标签
如果为文本节点则返回的 #text
nodeType: 返回节点的类型
1:元素节点
2:属性节点
3:文本节点
nodeValue
返回节点的值
如果是元素节点:返回为空 可读写的属性
childNodes 以数组的方式 返回子节点 (文本节点和属性节点不能再次包含任何子节点)
首先使用hasChildNodes
判断是否有子节点
appendChild
insertChild
removeChild
firstChild:第一个节点
lastChild:最后一个节点
nextSibling:下一个兄弟节点
previousSibling:上一个兄弟节点
---------------------------------------------事件-----------------------------------------------
onblur:失去焦点
onfocus:获得焦点
onclick:点击
onmouseover:鼠标移动
鼠标事件：event
描述事件状态
event.clientX 鼠标所在位置的横坐标
event.clientY 鼠标所在位置的纵坐标
浙公网安备 33010602011771号