前端全套视频HTML+CSS+JS+jQuery笔记（七）

3.16 document对象学习

使用先于创建；
源码中是一个标签，但解析后会封存为document对象（树型）中的一个对象；
doucument修改了对象的value，仅仅是它的整个对象修改了，源码不会变

1. 获取html元素对象

结果：13
每个换行也算一个节点

2. 操作html元素的属性

使用自定义方式获取固有属性的内容，value的值获取的是默认值，不能获取到实时的用户数据。

id和name尽量不要改


添加样式：

3. 操作html元素的内容

4. 操作元素的文档结构

table不能使用此方法；

增加上传文件按钮以及删除按钮

注意双引号里是单引号。

结果：

删除按钮：

父节点对象删除子对象：
1.一行构成一个div
2.找到选择的div——用this
3.用父节点div删除子div




bug:当选择了数据，再进行按钮添加时，由于代码是通过原始值+新的按钮增加的，所以会覆盖掉选择数据文件的操作；使用此方式一般不涉及用户的操作。
第二种方式：
)
因为是append，而不是原始值+，所以避免了第一种的bug。
先创建，再存放；

5. js操作form表单

document.form表单name属性值