HTML里的DOM对象操作

<script type="text/javascript">
            查找元素：
                根据id获取元素
                document.getElementById("id");
                根据class获取元素
                document.getElementsByClassName("class");
                alert(ccc[0])
                根据标签名获取元素
                document.getElementsByTagName("div");
                根据name获取元素
                alert(ccc[0])
                document.getElementsByName("name");
                也是数组取值
            
            操作内容：
                1.获取对象里的html代码与文字
                 获取的对象.innerHTML();
                    
                2.只获取对象里的文字----兼容有问题
                 获取的对象.innerText();  IE的
                        TextContent(); 火狐的
                3.改变对象里的html代码与文字
                获取的对象.innerHTML="改变的内容";
                改变对象里的全部内容
                4.改变对象里的文字----兼容有问题
                获取的对象.innerText="改变的内容";
                只改变对象里的文本内容
            
            表单可进行的特殊操作:
                1.获取对象的value值
                 获取的对象.value
                var ccc=document.getElementById("id");
                var p=ccc.value
            
            操作属性:
                1.设置一个属性，添加或更改   赋值
                获取的对象.setAttribute("属性名","属性值")
                2.获取属性的值    取值
                获取的对象.getAttribute("属性名");
                3.移除一个属性
                获取的对象.removeAttribute("属性名");
                
            样式操作:
                var ccc=document.getElementById("id");
                ccc.style.color="red"
                ccc.style.backgroundColor="red"
    </script>