c#使用正则表达式获取TR中的多个TD_Java修行第049天---JS中的DOM操作元素,及案例...

6 DOM中获取和操作节点对应的属性

首先: 无论是获取节点属性,还是操作元素属性,都需要通过先id名称获得指定的对象节点

Var 别名 = document.getElementById(“id名”)

然后:

获取节点属性有两种方法:

1. 直接获取: id名.属性名

(注意: value属性获得的值是时实时输入记录的值)

1. 通过getAttribute(“属性名”)获取

操作节点属性也有两种方法:

1. 直接操作: id名.属性名 = “值 ”;

(注意: value属性获得的值是初始默认值,不会实时改变)

1. 通过id名.setAttribute(“属性名”,”值”);

7 DOM中操作元素节点对应的样式

首先: 通过id名称获得对象

其次: 获得CSS样式,只支持行内样式的CSS

再者: 操作元素的CSS样式

(注意: 操作背景颜色需要使用驼峰命名规则)

最后: 如果想增加CSS样式需要class类方法:id别名.className = “ 样式名”;

获得样式:

操作之后效果:

8 操作元素内容

双标签获得是通过innerHTML和innerText

单标签获得是通过value值获得

注意:

有两个特殊的双标签用value去获得 标签 select 和 textarea

InnerHTML和innerText的区别

前者不仅可以获得文本内容,同时文本内容四周的空白也相当于节点,同样可以获得

后者只能获得文本内容

特殊的双标签只能用value:

9 DOM中操作元素节点信息

通过创建节点再添加节点实现如下功能:

10 DOM中的案列实现01

首先, 实现一个简单图书购买表格

然后, 实现对表格动态操作功能,添加新行(列tr赋给tab,再将行td内容添加给tr中),删除新行,和文本框输入信息之后自动居中保存