作者leochen0818 (米拔)
看板Web_Design
标题Re: [问题] 网页上的执行动作
时间Tue Apr 1 15:11:49 2014
※ 引述《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再打开不就得了@@
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 36.224.29.2
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1396336312.A.C68.html
1F:推 pm2001:value不是按钮上面的文字吗? 04/01 16:32
2F:→ leochen0818:对@@ 应该是我的说法让大家误会了@@" 04/01 19:39