JS的DOM(二)节点操作
innerHTML修改节点文本,也可以增加标签。
innerTEXT只能修改文本。
DOM节点的style属性对应所有的CSS,可以直接获取或设置。JS中的属性名要用驼峰形式。
getAttribute(属性名)可以获取指定属性。
setAttribute(属性名,属性值)可以设置指定属性。
attributes可以获取节点所有属性。
获得节点类型nodeType:
1------> 元素节点
2------> 属性节点
3------> 文本节点
9------> 文档节点
节点创建:
元素节点:document.createElement(tag标签名称);
文本节点:document.createTextNode(文本内容);
节点追加:
父节点.appendChild(子节点);
父节点.insertBefore(newnode,oldnode); //newnode放到oldnode的前边
父节点.replaceChild(newnode,oldnode); //newnode替换到oldnode节点
节点复制:被复制节点.cloneNode(true/false);
true:深层复制
false:浅层复制
节点删除:父节点.removeChild(子节点);