117:DOM-获取父级元素-parentNode
父级:ParentNode
子级:Children
1、一个子级只有一个上一级,即只有一个父级
118:DOM-获取子级元素-children
子级:Children
1、一个父级可以有多个子级
查看子级:
2、用类似数组的方式查找
3、循环
119:DOM-动态生成元素及尾部插入元素
1、createElement - 生成元素
步骤:
1、先定义元素,包括位置、格式,设置元素属性
2、选择元素生成位置,在该级元素下调用createElement即可
解析:
1、定义一个元素,在document下生成(在文档下生成元素你可以把它放在任何地方),元素格式为input,也可以是div。span等
2、选择在body下生成,即把元素插入到body下,appendChild:插入到该元素子级 的最后方
还可以进行属性添加
2、appendChild - 尾部插入元素
appendChild:插入到该元素子级 的最后方
120:动态指定位置插入元素
1、insertBefore - 指定位置插入元素
insertBefore(X1, X2);
X1:要插入的元素
X2:要插在谁的前面
121:替换指定元素
replaceChild - 修改元素
replaceChild(X1 , X2)
X1:要替换的元素
X2:被替换的元素
122:删除子级元素
1、removeChild - 删除子级元素
只能删除子级第一级
只能精准删除,一次只能删除一个,要一次性删除allS是不行的
当不知道父级时,可以用自己的父级的删除子级
如sp1.parentNode.removeChild(sp1);
parentNode找到sp1的父级再用removeChild
133:删除自身元素
1、remove删除自身元素
当删除元素后,子级中元素的下标也会变的
124: innerHTML - 返回/设置元素内容
1、直接返回元素内容
2、赋值
(1)
如果进行赋值,就等于是先清空里面的内容再重新加上原内容再加上新内容
步骤:
1、先把div1中内容清空
2、重新写一遍原内容span+p+div
3、再加上新内容span-123
注意:因为原内容清空了一次,所以如果原元素上有事件等属性均会消失,因为新写的元素没有事件
(2)+=
与上述一样
新:dl – 图文混排的排序
dd:内容,可以放入图
dt:介绍,写入文字
这样就可以上下两排显示
dd和dt随便放多少都可以