javascript-DOM

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中的显示内容


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值