JavaScript? ?? ??? ?? ?? ?? ??

JavaScript? ?? ??? ?? ??? ????? ?????????

JavaScript? ?? ??? ?? ??? ????? ? ?? ??? ??? ?? ?? ?? ??? ???? ???? ?? ?????. AppendChild () ???? ?????? ?? ? ? ????. ??? ?? ??? ????.

var parentmenuitem = document.getElementById ( 'parentmenuitem');
var submenuitem = document.createElement ( 'li');
submenuitem.innerhtml = 'submenu ??';
Parentmenuitem.appendChild (submenuitem);
? ??? 'ParentMenuitem'? ?? ??? ????? ?? ??? ID???. 'subenuitem'? ???? ??? ?? ?? ?????.

JavaScript? ?? ???? ?? ??? ????? ?????????

JavaScript? ?? ???? ?? ??? ????? removeChild () ???? ??? ? ????. ? ???? ??? ??? ??? ?? ??? ?????. ?? ??? ????.

var menuitem = document.getElementById ( 'menuitem');
menuitem.parentnode.removechild (menuitem);
? ??? 'menuitem'? ????? ?? ??? ID???.

JavaScript? ?? ???? ?? ??? ???? ??? ??? ? ?????

javaScript? ?? ???? ?? ??? ??? ??? InnerHTML ??? ???? ?? ? ? ????. ?? ??? ????.

var menuitem = document.getElementById ( 'menuitem');
menuitem.innerhtml = '? ?? ?? ???';
? ??? 'menuitem'? ???? ????? ?? ??? ID?? '? ?? ?? ???'? ????? ? ??????.

JavaScript? ?? ???? ?? ??? ??? ???? ????? ?????????

addeventListener () ???? ???? JavaScript? ?? ???? ?? ??? ??? ??? ??? ?? ? ? ????. ? ???? ??? ???? ??? ??? ?????. ?? ??? ????.

var menuitem = document.getElementById ( 'menuitem');
menuitem.addeventListener ( 'click', function () {
Alert ( '?? ?? ??!');
});
? ??? 'menuitem'? ??? ???? ????? ?? ??? ID???. ??? ???? ?? ??? ???? ??? ?????.

JavaScript? ?? ???? ?? ??? ??? ???? ? ? ?????

JavaScript? ?? ??? ?? ?? ???? ??? ??? ???? ?? ? ? ????. ? ??? ??? ??? ??? ????? ?????. ?? ??? ????.

var menuitem = document.getElementById ( 'menuitem');
menuitem.style.color = '???';
menuitem.style.fontsize = '20px';
? ??? 'menuitem'? ???? ????? ?? ??? ID???. ??? ??? ?? ??? ??? ?? ??? ???? ? ?????.

??? ???? JavaScript?? ?? ??? ??? ?????

??? ???? JavaScript?? ?? ??? ????? ??? ???? ??? ? ??? ?? ? ?? ??? ???? ?? ?????. ?? ??? ????.

var menuitems = [ 'home', 'about', 'contact'];
var menu = document.getElementById ( '??');

for (var i = 0; i var menuitem = document.createElement ( 'li');
menuitem.innerhtml = menuitems [i];
??. AppendChild (menuitem);
}
? ??? 'menuitems'? ??? ?? ?? ????? '??'? ?? ??? ????? ??? ID???.

JSON ???? ???? JavaScript?? ?? ??? ??? ?????

JSON ???? ???? JavaScript?? ?? ??? ????? JSON ???? ?? ???? ?? ?? ???? ? ??? ?? ? ?? ??? ???? ?? ?????. ?? ??? ????.

var jsondata = '[{ "text": "home"}, { "text": "about"}, { "text": "contact"}]';
var menuitems = json.parse (jsondata);
var menu = document.getElementById ( '??');

for (var i = 0; i var menuitem = document.createElement ( 'li');
menuitem.innerhtml = menuitems [i] .text;
??. AppendChild (menuitem);
}
? ??? 'JSONDATA'? ?? ?? ??? JSON ????? '??'? ?? ??? ????? ??? ID???.

??? ???? ???? JavaScript?? ?? ??? ??? ?????

???? ???? ???? JavaScript?? ?? ??? ????? ???? ?? ?? ?? ??? AJAX ??? ??? ?? ???? ?? ? ? ???? ?? ? ?? ??? ???? ?? ?????. ??? Fetch API? ???? ????.

Fetch ( 'https://example.com/menuitems')
.Then (?? => response.json ())
. ??? (data => {
var menu = document.getElementById ( '??');

for (var i = 0; i var menuitem = document.createElement ( 'li');
menuitem.innerhtml = data [i] .text;
??. AppendChild (menuitem);
}
});
? ??? 'https://example.com/menuitems'? ?? ?? ???? ???? ?? ?? ???? URL???.

JavaScript?? ?? ?? ?? ??? ??? ?? ? ?????

JavaScript?? ?? ?? ?? ??? ????? ??? ?? ??? ???? ? ?? ??? ?? ?? ??? ???????. ?? ??? ????.

var menuitems = [ 'home', 'about', 'contact'];
var dropdownmenu = document.createElement ( 'select');

for (var i = 0; i var ?? = document.createelement ( '??');
?? .value = menuitems [i];
?? .text = menuitems [i];
DropdownMenu.appendChild (??);
}

Document.body.appendChild (DropdownMenu);
? ??? 'menuitems'? ??? ?? ?? ??????.

JavaScript?? ?? ???? ??? ??? ?? ? ?????

JavaScript?? ?? ???? ??? ????? ? ?? ??? ???? ?? ??? ?? ? ?? ??? ??? ??? ?? ? ? ??? ??? ??? ???? ?? ?????. ?? ??? ????.

var menuitems = [ 'cut', 'copy', 'paste'];
var contextMenu = document.createElement ( 'ul');
contextmenu.style.display = 'none';
contextmenu.style.position = '??';

for (var i = 0; i var menuitem = document.createElement ( 'li');
menuitem.innerhtml = menuitems [i];
ContextMenu. AppendChild (menuitem);
}

document.body.appendChild (ContextMenu);

document.addeventListener ( 'ContextMenu', function (e) {
e.preventDefault ();
contextmenu.style.left = e.pagex 'px';
contextmenu.style.top = e.pagey 'px';
contextmenu.style.display = 'block';
});

document.addeventListener ( 'click', function () {
contextmenu.style.display = 'none';
});
? ??? 'menuitems'? ???? ?? ?? ??? ?????.