javascript-DOM

来源:互联网 发布:java打印ascii码 编辑:程序博客网 时间:2024/04/30 16:50

dom:三种结点(元素结点,文本结点,属性结点)
dom节点属性(列表可理解为返回为一数组)
nodeName 包含结点名称
nodeValue 节点的值,一般只用于文本结点
nodeType  结点类型
parentNode 当前结点的父结点
childNodes 访问子结点的列表
firstChild  对标记结点的第一个子结点的引用
lastChild  对标记结点最后一个结点的引用
previouSibling 对当前节点的前一个结点的引用(同级结点)
nextSibling 对当前节点下一个同级结点的引用
attributes  标记的属性列表
ownerDocument 指向包含标记的HTMLDocument对象
判断当前结点是否有子节点可用hasChildNodes()方法进行
判断当前结点是否有父结点可用parentNode属性判断


getElementsByTagName("标签名")得到相同标记的列表。返回为一个数组
tagName 得到标记名
childNodes[0].nodeValue 得到对应子标记的值(也就是标记内的文本内容)
getElementById("id")得到一个指定id的值
hasChildNodes()判断这个标记是否有子标记
childNodes 属性得到子节点返回数组
得到某个标记的属性值
document.getELementById().getAttribute("属性名")

创建新节点:
var op = document.createElement("txt") //创建一个新的元素结点
var oText=document.createTextNode("要添加的显示文本内容");//创建一个文本结点
op.appendChild(oText)//将文本结点oText绑定组元素结点op
document.body.appendChild(op)//将元素结点添加到body结点下

删除结点:
op.removeChild("结点名")//删除指定子结点
op.removeChild()//删除所有子结点


通过innerHTML得到或修改某个元素结点的内容(innerText 只能得到文本内容而无法得到html标签)
myDiv.innerHTML //得到myDiv结点的内容
myDiv.innerHTML("<font color='red'>用户名密码错误</a>");//修改myDiv中的显示内容

 

 

 

 


原创粉丝点击