js_dom_2_3 数组方式访问的七种方法

2.Object 对象 (HTML元素 转成的对象(js))

    注意:如果使用户JS操作HTML文档,就需要先将HTML文档结构转成JS对象

    a.操作属性
    b.操作内容
        innerText(IE) testContent(FF)
        innerHTML
        outerText
        outerHTML

    表单
        value

    c.操作样式
        aobj.style.backgroundColor="red";
        aobj.style.fonSize="3cm";

    className
        aobj.className="test";
        aobj.className+=" demo";
        aobj.className="";


    转成对象的两种形式:
    1.标记名(多个) id(唯一) name(多个)

    document中的三个方法

    var objs=document.getElementsByTagName("div");
    var objs=document.getElementById("one");
    var objs=document.getElementsByName("two");

    2通过数组
    document.title=
    document.body=[object]
    window.frames=[object]

    document.all=[object]
    document.embeds=[object]
    document.scripts=[object]
    document.applets=[object]
    document.images=[object]
    document.forms=[object]
    document.anchors=[object]
    document.styleSheets=[object]
    document.links=[object]

    七种访问方式:
        alert(document.forms[1].username.value);//第二个表单的 值
        alert(document.forms["frm2"].username.value);
        alert(document.forms.item(1).username.value);
        alert(document.forms.item("frm2").username.value);
        alert(document.forms.frm2.username.value);
        alert(document.frm2.username.value);
        alert(document["frm2"].username.value);
/**************************************************    <form name="frm1">
        <input type="text" name="username" value="zhangsan"><br>
    </form>
    <form name="frm2">
        <input type="text" name="username" value="lisi"><br>
    </form>
    <form name="frm3">
        <input type="text" name="username" value="admin"><br>
    </form>

    <script type="text/javascript" charset="utf-8">
        alert(document.forms[1].username.value);//第二个表单的 值
        alert(document.forms["frm2"].username.value);
        alert(document.forms.item(1).username.value);
        alert(document.forms.item("frm2").username.value);
        alert(document.forms.frm2.username.value);
        alert(document.frm2.username.value);
        alert(document["frm2"].username.value);
    </script>/