JS DOM的节点和表格的基础

节点:js的DOM核心编程 ,每个元素都是一个节点,而每个节点有不同的节点信息。
.nodeName(获得节点的名称):
如果是元素节点返回为大写的元素标签,例如:P标签。
若是文本节点则会返回#text


.nodeType(节点的类型):
若为元素节点返回1,文本节点则返回3。ps:1~9都是有节点的。


.nodeValue(节点的值):
若为元素节点则返回:none,文本节点则会返回文本的内容。

节点的关系:
父子节点
.parentElement(父节点)
.firstElementChild(第一个子节点)
.lastElementSibling(最后一个子节点)
.children(所有的子节点)

兄弟节点:
previousElementSibling(上一个兄弟节点)
nextElementSibling(下一个兄弟节点)

例:单,击减数值-1,单击加数值+1


节点的操作:
document.createElement()          :创建节点


.remove():                :删除节点

复制节点:
.cloneNode(false):                复制节点不带子节点
.cloneNode(true):                 复制节点带子节点

.insertBefore(新的节点,相关节点)                          插入节点:把新的节点插入到相关节点的前面
parent.appendChild(elem)                                                  插入节点:将elem插入到parent最后面


表格的操作:
删除行:.deletRow()
插入行:  .insertRow()
插入列:.insertCell
设置列的内容: .innerText="xxx"

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值