div

Question

के अंदर सभी तत्वों का फ़ॉन्ट आकार बदलें मेरे पास निम्न पृष्ठ है जिसमें एक div मेनू है। मेनू के अंदर हमारे पास <table>, <p>, <h> हो सकता है। उदाहरण के लिए विभिन्न तत्वों:

<div id="menu"> 
<p>abc def</p> 
<table> 
    <tr><td>helloo </td><tr> 
    <tr><td>hiii </td><tr> 
</table> 
<div id="sub"><p>123 this is test</p></div> 
</div> 

वहाँ मेनू के अंदर तत्वों के बीच में सभी पाठ का आकार बदलने के लिए एक रास्ता है। उदाहरण के लिए: एबीसी डीफ़, hellooo, hiii, 123 यह परीक्षण है। क्या मैं jquery या जावास्क्रिप्ट का उपयोग करके उस पाठ को कुछ कैसे बदल सकता हूं।

Answer 1

आप सीएसएस के साथ ऐसा कर सकते हैं:

#menu { 
    font-size: XXX; 
} 

Answer 2

हाँ तुम तुम क्या चाहते करने के लिए जावास्क्रिप्ट और या jQuery का उपयोग कर सकते, लेकिन क्यों तुम सिर्फ सुझाव की तरह सीएसएस का उपयोग नहीं होगा?

या आप इस कोशिश कर सकते हैं:

<Style> 
    /*Assumed everything is inheriting font-size*/ 
    #menu{ 
     font:12px; 
    } 
    /* Force all children to have a specified font-size */ 
    #menu *{ 
     font:14px; 
    } 
</style> 

<script> 
    //JavaScript 
    document.getElementById('menu').style.fontSize = "14px"; 
    //jQuery 
    $("#menu").css({'font-size':'14px'}); 

</script> 

Answer 3

इस पर एक नज़र डालें:

http://jsfiddle.net/oscarj24/jdw6K/

आशा इस मदद करता है :)

Answer 4

jQuery उदाहरण

$('#menu').nextAll().css('font', '14px'); 

Answer 5

var VINCI = {}; 

VINCI.Page = { 

init : function() { 
    this.initFontResize(); 
}, 

initFontResize : function() { 
    var container = $('#menu, #sub'); 
    var originalFontSize = parseFloat(container.css('font-size'), 10); 

    var size_level = 0; 
    var maximum_size_level = 5; 
    var size_change_step = 1.4; 

    function calculateFontSize() 
    { 
     return originalFontSize + (size_level * size_change_step); 
    } 

     // Increase Font Size 
     $('.increaseFont').click(function(){ 
     if (size_level < maximum_size_level) { 
      size_level++; 
      container.stop().animate({'font-size' : calculateFontSize()}); 
     } 
     return false; 
     }); 

     // Decrease Font Size 
    $('.decreaseFont').click(function(){ 
      if (size_level > 0) { 
      size_level--; 
      container.stop().animate({'font-size' : calculateFontSize()}); 
     } 
     return false; 
    }); 

}; 

VINCI.Page.init();