Javascript中document对象

一、获取元素对象

直接获取：

    document.getElementById("xxx");

    document.getElementsByName("xxx");

    document.getElementsByTagName("xxx");

    document.getElementsByClassName("xxx");

间接获取：

    父子关系获取   document.getElementById("xxx").childNodes;

    字符关系获取    document.getElementById("xxx").parentNode;

    兄弟关系获取    document.getElementById("xxx").previousSibling;          document.getElementById("xxx").nextSibling;

 

 

二、元素属性

document.getElementById("xxx").getAttribute("自定义属性"); -------获取自定义属性值

使用自定义方式（getAttribute）获取固有属性内容，value的值获取的是默认值，不能够获取到实时的用户数据

 

三、元素内容和样式

innerHTML:  获取标签中的所有内容，包括html标签

innerText:  获取标签中的文本内容

操作元素样式

 

四、js操作html文档结构

1.使用innerHTML      removeChild

2.  createElement       appendChild