JavaScript DoM 的作用和用法

JavaScript DoM 的作用

• Dom 能够改变页面中的所有 HTML 元素
• Dom 能够改变页面中的所有 HTML 属性

通过三种方法找到想要取得的 HTML 元素

• 通过id 找到HTML元素
• 通过标签名找到HTML元素
• 通过类名找到HTML元素

    <div id = "a" class="b" name="c" >
    <script  type="text/javascript">
        //通过id获得 value
        var id = document.getElementById("a");             
        //通过class获取 value  集合（多个）
        var className = document.getElementsByClassName("b")[0];
        //通过标签来获取 value 集合（多个）        (div?是标签)
        var tagName = document.getElementsByTagName("div")[0];
        // 根据name属性获取元素集合 （多个）
        var name = document.getElementsByName("c")[0];
    </script>

######当获取 标签时 无论是选择的是哪一种方法 都获取的是 input 标签中的 value属性

<input id ="a" class = "b" name ="c"  value="abc">
<script type="text/javascript">
         var id = documet.getElemantById("a"); //获取的值为value
        var className = document.getElementsByClassName("b")[0];//获取的值为value
</script>
````rt.js/