createElement() : 创建一个元素节点。
appendChild() : 往一个节点的里面追加一个新的子节点
appendChild方法接受一个节点对象作为参数,可以创建新的节点,但如果参数是现有节点,会从原来的位置移动到新位置
insertBefore (新节点,插入到谁的前面) : 往一个指定子节点前面插入一个新的子节点
removeChild() : 从父级删除一个指定的子节点。
replaceChild() : 用一个新的节点,替换一个子节点。
第一个参数 : 新的节点
第二个参数 : 被替换的节点。
cloneNode() : 复制当节点。
参数 一个布尔值 指定是否复制节点里面的后代节点。
1,参数默认为 false,即只复制节点本身,不复制后代节点。
2,事件不会被复制,只会复制 DOM 结构。
innerHTML && outerHTML
innerHTML只能获取到元素的内容
outerHTML可以获取到元素本身及内容
操作元素属性的三种方式:
第一种 .属性名
第二种 ['属性名']
1,.属性名 的方式,.后面只能是属性名,而不能用变量
2,['属性名'] 属性名一定要加引号
前两种方式,获取不到行间的自定义属性。
第三方式:
获取属性 : getAttribute('属性名');
在获取class时
标准 : 'class'
ie6/7/8 : 'className'
设置属性 :setAttribute('属性名称','属性值')
setAttribute() 设置的属性是添加到标签上的。
删除属性 :removeAttribute('属性名')
第三种方式获取不到通过前两个方式定义的自定义属性。
(ie6/7/8下可以获取)
第三种方式操作元素属性的好处:
1,可以操作行间的自定义属性。
2,可以获取到 src \ href \ url 等的相对地址。
ie6、7下需要指定第二个参数(2或3);
网友评论