בפוסט הקודם למדנו להטמיע אלמנטים בתוך הדף, כעת נלמד עוד פקודות שמבצעות אותו דבר, רק היתרון שבכזו שיטה אם נייצר אלמנט כפתור - הוא יעבוד. בדוגמה נראה כפתור שמייצר כפתורים:
<!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>
אין תגובות:
הוסף רשומת תגובה