יום שלישי, 26 בפברואר 2013

כפתור מייצר כפתור בJS

בפוסט הקודם למדנו להטמיע אלמנטים בתוך הדף, כעת נלמד עוד פקודות שמבצעות אותו דבר, רק היתרון שבכזו שיטה אם נייצר אלמנט כפתור - הוא יעבוד. בדוגמה נראה כפתור שמייצר כפתורים:

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>

<script type="text/javascript">
    function addLevel1() {

        var element = document.createElement("input");

        element.setAttribute("type""button");
        element.setAttribute("value""button");
        element.setAttribute("name""button");
        element.setAttribute("onclick""javascript:addLevel2()"); //work
        // element.onclick = "javascript:addLevel2()";  // not work

        var foo = document.getElementById("fooBar");
        foo.appendChild(element);
    }

    function addLevel2() { alert("YES!"); }
</script>

<body>
<input type="button" value="click" onclick="javascript:addLevel1()" />
<div id="fooBar"> The text </div>
</body>
</html>

אין תגובות:

הוסף רשומת תגובה