Re: [問題] 網頁上的執行動作

作者: leochen0818 (Leo)   2014-04-01 15:11:49
※ 引述《oklp1415 (天生我材)》之銘言:
: 關於
: 我輸入的Script如下
: <script>
: function exec() {
: var ul = document.getElementById("list");
: var li = document.createElement("li");
: var txt = document.createTextNode("Second");
: li.appendChild(txt);
: ul.appendChild(li);
: }
: </script>
: 我BODY內容如下
: <body >
: <ul id="list">
: <li>First
: </ul>
: <input type="button" name="Add" value="second" onclick="exec()">
: </body>
: 在素材上STYLE編輯如下
: <style type="text/css">
: li { color : red }
: </style>
: 問題想請問,當我點ADD這個按鈕時 所產生的效果會是如何呢??
: 這是在書上的範例,有點寫的攏統,他是描述如下:
: 當點按鈕會產生一個觸發事件,在list會持續產生事件出來。
: 不知道有人可以告知詳細過程的內容嗎??~"~謝謝
呃@@ 書上沒有寫出來嗎?
如果沒有,那真是一本奇怪的書@@
首先,這個按鈕的名字不叫add 是叫second
按下去之後,他會呼叫exec()這個函數
這個函數會新增一個li項目到id叫做list的這個清單裡面
並且放在原先的li之後,
而這個項目的文字部分就是「second」
其實你要知道效果,直接打在記事本裡面存成html再打開不就得了@@
作者: pm2001 (做個盾牌眼球兵吧)   2014-04-01 16:32:00
value不是按鈕上面的文字嗎?
作者: leochen0818 (Leo)   2014-04-01 19:39:00
對@@ 應該是我的說法讓大家誤會了@@"

Links booklink

Contact Us: admin [ a t ] ucptt.com