promotion image of download ymail app
Promoted

[JavaScript]document的用法

我是JavaScript的初學者,不過已有撰寫簡易C++程式的經驗。

請問javascript中的document到底要怎麼使用。

目前我認知的概念是:

document中包含目前網頁之中許多html標籤所件代表的物件。

例如:

<img name="test" src"test.jpg"><img>

則document.test即代表上面這段標籤所產生的圖片物件。

因此,我可以指定新的值給document.test.src這個"test"物件中的成員變數。

我用類似的概念寫了另一段javascript:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>未命名 1</title>

<script language="javascript">

function changename(){

document.test.value='test';

}

</script>

</head>

<body>

<form>

<input type="button" value="送出" name="test" onClick="changename()"></input>

</form>

</body>

</html>

結果測試時瀏覽器回報說找不到document.test物件。

我已經把表單中的按鈕用

name="test"

命名為test,請問為什麼會出錯?

2 Answers

Rating
  • 爵士
    Lv 5
    1 decade ago
    Favorite Answer

    改為下列

    <script language="javascript">

    function changename(){

    document.myform.test.value='test';

    }

    </script>

    </head>

    <body>

    <form name="myform">

    <input type="button" value="送出" name="test" onClick="changename()"></input>

    </form>

    因為 input 是屬於 form 物件之下的一員

    2009-07-26 22:49:17 補充:

     或是改為

    2009-07-26 22:50:28 補充:

    <script language="javascript">

    function changename(){

    window.test.value='test';

    }

    </script>

    </head>

    <body>

    <input type="button" value="送出" name="test" onClick="changename()"></input>

    </body>

    • Commenter avatarLogin to reply the answers
  • novus
    Lv 6
    1 decade ago

    非form物件最portable、最正式的寫法

    var a = document.getElementById("object_id");

    a.value = "xxx";

    • Commenter avatarLogin to reply the answers
Still have questions? Get your answers by asking now.