Friday 15 July 2011

Referring to sibling of parent div in HTML -


मेरे पास दो div तत्व हैं:

  & lt; div id =" one "& gt; & Lt; a href = "# दो" & gt; दो लिंक & lt; / a & gt; & Lt; / div & gt; & Lt; div id = "two" & gt; मुझे लिंक करें & lt; / div & gt;  href  विशेषता के साथ लिंक पर क्लिक करने पर  #two :  
  

"Lang-html prettyprint-override"> http://domain.com/one#two

लेकिन मुझे चाहिए:

 

समाधान

अपने पृष्ठ के अजीब व्यवहार को ध्यान में रखते हुए, नहीं, यह JavaScript के बिना संभव नहीं है

लिंक पर क्लिक करें क्लिक करें, href में निर्दिष्ट स्थान पर जाएं:

जावास्क्रिप्ट
  window.onload = function () {/ * विंडो लोड इवेंट पर, हम प्रत्येक लिंक के माध्यम से लूप * / var a = document.getElementsByTagName ('a'); के लिए (एक में var elem) {/ * अगर यह एक DOMElement * है / अगर (एक [elem] .nodeType == 1) / / हम window.location.href घटना बाँध, यह href विशेषता के मूल्य को भेजने चयनित एंकर तत्व का * / A [elem] .addEventListener ("क्लिक करें", फ़ंक्शन (e) {window.location.href = this.getAttribute ('href'); चेतावनी (window.location.href);}); / * Console.log (window.location.href); *}}}   



No comments:

Post a Comment