美文网首页
节点的属性方法

节点的属性方法

作者: 王猪干 | 来源:发表于2019-06-19 00:18 被阅读0次

创建节点

document.createElement(新标签);

document.createElement(div);
创建了一个新的div标签

插入节点(一)

document.appendchild(标签);

document.body.appendchild(div);
把div添加到body,为body的最后一个子节点

插入节点(二)

insertBefore(新节点,老节点);

insertBefore(newdiv,div);
第一个参数 : 待插入的节点
第二个参数 : 已存在的节点,新节点插入到该节点前面

替换节点

(标签).replaceChild(新节点,老节点);

(div).replaceChild(p,span);
删除一个子节点,并用一个新节点取而代之,第一个为新节点p,代替已存在节点span

删除节点

(标签).removeChild(子标签);

(div).removeChild(p);

克隆节点

var newclone = (标签).cloneNode();

var newclone = (div).cloneNode();
浅克隆,只克隆节点本身
var newclone = (div).cloneNode();
深克隆,克隆节点及其整个子节点shu

相关文章

  • JavaScript常用API合集汇总

    节点 节点属性 节点操作 Document节点 Document节点的属性 Element节点的方法 位置方法 属...

  • 08_JS节点属性、日期对象、定时器、String

    节点属性 获取节点属性 getAttribute(属性) 获取属性 通过这个方法,可以得到 某些元素的 ...

  • appium

    Text属性的方法 class属性的方法 伪xpath方法定位这个方法还是比较有用,用来查找同级节点关系以及父节点...

  • 节点的属性方法

    创建节点 document.createElement(新标签); 创建了一个新的div标签 插入节点(一) do...

  • Document对象 + DOM 属性操作

    Document对象方法 文档节点 (document) 元素节点 (Element) 属性节点 (Attribu...

  • DOM样式操作

    DOM的理念:一切皆节点。方法和属性都是依赖于元素对象存在的。 DOM的节点有 文档节点、元素节点、属性节点、文本...

  • DOM相关概念

    饥人谷_李栋 1.节点的属性2.节点的方法3.节点的集合 一、node属性 nodeName://节点的名字 no...

  • javascript 与CSS 交互-8.22

    复习 访问指定节点的方法? 查看/修改属性节点? 根据层次关系查找节点? 创建和增加节点? 删除和替换节点的方法?...

  • (28)day7-web前端(2)

    7.1 属性操作 1.属性点语法操作节点.属性:获取属性值节点.属性=新值:修改属性值 2.通过相应方法对属性进行...

  • 扒一扒DOM

    目录1.什么是DOM2.节点的概念3.节点的属性和方法4.Element对象的属性和方法5.Attribute对象...

网友评论

      本文标题:节点的属性方法

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