2011-11-18 11 views
5

मैं जावास्क्रिप्ट से सीएसएस को संशोधित करने के लिए नीचे प्रक्रिया का उपयोग कर रहा हूं लेकिन यह कोई परिणाम नहीं दे रहा है।जावास्क्रिप्ट में सीएसएस सीमा

क्या कोई भी कृपया कोड की जांच कर सकता है और मुझे उचित विधि बता सकता है। मुझे त्रिज्या के साथ तालिका के लिए सीमा की जरूरत है।

यह मेरी मेज संरचना होती है:

<table id="tt" width="400" border="0" cellspacing="0" cellpadding="0"> 
     <tr> 
     <td width="179" class="header_links">5<input name="input" class="lang_textbox" type="text" value="Search by keyword" /></td> 
     <td width="52" align="left"><img src="images/search_go.jpg" width="28" height="24" alt="go" /></td> 
     <td width="169" class="header_links"><a href="#">FAQs</a> | <a href="#">Sitemap</a> | <a href="#">Contact us</a></td> 
     </tr> 
    </table> 

और नीचे जावास्क्रिप्ट जो

document.getElementById('tt').style.borderRadius = '4em'; // w3c 
document.getElementById('tt').style.MozBorderRadius = '4em'; // mozilla 
document.getElementById('tt').style.border = '4em'; // mozilla 
+0

अधिक अप्रचलित तरीका: सीधे शैलियों को संशोधित करने के बजाय अपने तत्व में कुछ अतिरिक्त सीएसएस वर्ग जोड़ें। – dfsq

उत्तर

9

उपयोग कर रहा हूँ आप सीमा में ही स्थापित करने के लिए मिल गया है (और ध्यान दें border एक Mozilla- नहीं है केवल संपत्ति):

document.getElementById('tt').style.border = '4em solid black'; 

http://jsfiddle.net/KYEVq/

+1

और एचटीएमएल में तालिका से 'सीमा =" 0 "' हटाएं क्योंकि यह सीएसएस को ओवरराइड कर सकता है। – RoToRa

4

शैली के मामले में अपनी जावास्क्रिप्ट से अपनी स्टाइल को दोबारा जोड़ना बेहतर है।

document.getElementById("'tt'").className += " className"; 

सीएसएस

.className {border : '4em solid black';} 

जावास्क्रिप्ट या यदि आप कर रहे हैं: आप सीएसएस में अपनी शैली बनाने पर विचार करना चाहिए, उसके बाद उचित सीएसएस वर्ग जैसे जोड़कर जावास्क्रिप्ट में इसे संदर्भ एक जावास्क्रिप्ट ढांचे का उपयोग करने में सक्षम जैसे कि jQuery:

$('#tt').addClass('className'); 
$('#tt').removeClass('className'); 
$('#tt').toggleClass('className'); 
+1

मैं इस विकल्प के साथ जाऊंगा। –

0

सीमा चौड़ाई निर्धारित करना इसे दृश्यमान करने के लिए पर्याप्त नहीं है। कुछ करें

document.getElementById('tt').style.border = "1px solid #000"; 

हालांकि, यह कुछ ऐसा है जो निश्चित रूप से सीएसएस के साथ किया जाना चाहिए।

इसके अलावा, ऐसा लगता है कि वेबकिट (कम से कम क्रोमियम 15 पर) टेबल पर गोलाकार सीमा पसंद नहीं है। आप जो भी कर रहे हैं उसके लिए तालिका का बेहतर उपयोग न करें।

संबंधित मुद्दे