美文网首页
DOM节点3

DOM节点3

作者: 与时光流浪 | 来源:发表于2016-08-11 08:51 被阅读0次

    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);

    相关文章

      网友评论

          本文标题:DOM节点3

          本文链接:https://www.haomeiwen.com/subject/iwnjsttx.html