JavaScript学习之DOM元素

DOM全称document object medal

1.DOM节点

在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。

2.DOM元素的获取方式

*.getElementsByClassName(“”);//通过类名称获取元素
getElementsById(“”);//通过id名称获取元素
getElementsByTagName(“”);//通过元素的标签名称获取元素
insertBefore( );//在指定子节点前插入新的节点
appendChild( );//追加节点（在元素内容之后）
removeChild( );//移除节点
replaceChild( );//替换节点

3.DOM元素的创建语法

creatElement(“元素名称”)
creatTextNode(“字符串”);//创建文本节点

4.DOM属性

（1）.innerHTML；//获取内嵌内容或是向其中插入文本
（2）.parentNode;//直接找当前元素的父节点
（3）.childNodes;//找当前元素的子节点,包括不仅是标签节点还有文本
（4）.sibling;//同胞兄弟
          nextsibling；//下一个同胞兄弟
          previousSibling；//上一个同胞兄弟