दस्तावेज़.getElementById ("nav01") का उपयोग करते समय उप-मेनू। आंतरिक HTML - जावास्क्रिप्ट, jquery, html5

document.getElementById("nav01").innerHTML =
"<ul id="menu">" +
"<li><a href="index.html">Home</a></li>" +
"<li><a href="calendar.html">Calendar</a></li>" +
"<li><a href="photos.html">Photos</a>
<ul><li><a href="Test.html">test</a></li></ul></li>"+
"<li><a href="events.html">Events</a></li>"+
"</ul>";



/*Navagation CSS*/
ul#menu {
padding: 0;
margin-bottom: 11px;
}

ul#menu li {
display: inline;
margin-right: 3px;
}

ul#menu li a {
background-color: #CCC;
padding: 10px 20px;
text-decoration: none;
color: #696969;
border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
color: white;
background-color: black;
}

ul#menu li a:active{
background-color:blue;
}

यह स्क्रिप्ट कोड है जिसका उपयोग मैं अपना मेनू बनाने के लिए कर रहा हूं। मेरी समस्या यह है कि मैं एक उप मेनू की तरह काम करने के लिए परीक्षण मेनू नहीं प्राप्त कर सकता। यदि यह वहां नहीं है तो मेनू काम करता है जैसे इसे करना चाहिए।

यह पूर्ण स्क्रिप्ट कोड है

मैंने सीएसएस कोड जोड़ा है क्योंकि यह उस रूप में मदद कर सकता है जिसे मैं प्राप्त करने की कोशिश कर रहा हूं

उत्तर:

जवाब के लिए 0 № 1

इसे इस्तेमाल करे

document.getElementById("nav01").innerHTML =
"<ul id="menu">" +
"<li><a href="index.html">Home</a></li>" +
"<li><a href="calendar.html">Calendar</a></li>" +
"<li><a href="photos.html">Photos</a>
"<ul><li><a href="Test.html">test</a></li></ul></li>"+
"<li><a href="events.html">Events</a></li>"+
"</ul>"

भीतरी <ul> ए का हिस्सा होना चाहिए <li> बाहरी का <ul>

भी देखें

http://www.w3.org/wiki/HTML_lists#Nesting_lists

आप इसे कैसे दिखाना चाहते हैं?

जब मुझे मिल गया

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro

समझा

यहां छवि विवरण दर्ज करें

क्या यह आप नहीं चाहते हैं?


संबंधित सवाल
सबसे लोकप्रिय