इनलाइन जावास्क्रिप्ट या सीएसएस का उपयोग करके मैं एक टीडी टैग कैसे छिपा सकता हूं?

Question

जावास्क्रिप्ट या इनलाइन सीएसएस का उपयोग कर <td> टैग कैसे छिपा सकता हूं?

Answer 1

क्या आप इसे जगह है में होने की अपेक्षा करते हैं? तालिका बाईं ओर स्थान भरने के लिए reflow नहीं कर सकते हैं - यह छोटी गाड़ी ब्राउज़र प्रतिक्रियाओं के लिए एक नुस्खा की तरह लगता है।

टीडी की सामग्री को छिपाने के बारे में सोचें, टीडी स्वयं नहीं।

Answer 2

एक ही तरीका है कि आप कुछ भी छिपाना चाहते हैं: visibility: hidden;

Answer 3

.hide{ 

visibility: hidden 

} 

<td class="hide"/> 

संपादित बस आप

प्रदर्शन और दृश्यता के बीच अंतर के लिए इस है।

"प्रदर्शन": में कई गुण या मूल्य हैं, लेकिन जिन पर आप ध्यान केंद्रित कर रहे हैं वे "कोई नहीं" और "ब्लॉक" हैं। "कोई नहीं" छुपा मूल्य की तरह है, और "ब्लॉक" शो की तरह है। यदि आप "none" मान का उपयोग करते हैं तो आप पूरी तरह से छुपाएंगे कि आपने कभी भी HTML टैग को इस सीएसएस शैली को कैसे लागू किया है। यदि आप "ब्लॉक" का उपयोग करते हैं तो आपको HTML टैग और इसकी सामग्री दिखाई देगी। बहुत आसान।

"दृश्यता": में कई मूल्य हैं, लेकिन हम "छिपे हुए" और "दृश्यमान" मानों के बारे में अधिक जानना चाहते हैं। "छुपा" प्रदर्शन के लिए "ब्लॉक" मान के समान ही काम करेगा, लेकिन यह टैग और इसकी सामग्री को छुपाएगा, लेकिन यह उस टैग की भौतिक जगह को छिपाएगा नहीं। उदाहरण के लिए, यदि आपके पास कुछ टेक्स्ट लाइनें हैं, फिर छवि (चित्र) और फिर तीन कॉलम वाली एक तालिका और आइकन और टेक्स्ट के साथ दो पंक्तियां हैं। अब यदि आप छवि के छिपे हुए मूल्य के साथ दृश्यता सीएसएस लागू करते हैं, तो छवि गायब हो जाएगी, लेकिन जिस स्थान पर छवि का उपयोग किया जा रहा था, वह दूसरे स्थान पर रीमेज कर देगा, दूसरे शब्दों में, आप पाठ के बीच एक बड़ी जगह (छेद) के साथ समाप्त हो जाएंगे और टेबल। अब यदि आप अपने लक्षित टैग "दृश्यमान" मान का उपयोग करते हैं और इसके तत्व फिर से दिखाई देंगे।

Answer 4

यदि आपके पास जावास्क्रिप्ट में इससे अधिक है तो कुछ जावास्क्रिप्ट लाइब्रेरी पर विचार करें, उदा। jquery जो थोड़ी गति लेता है, लेकिन आपको अधिक पठनीय कोड देता है। jquery के माध्यम से

आपका प्रश्न का कोड:

$("td").hide(); 

बेशक वहाँ this comparison on wikipedia है, जैसा कि वहाँ बाहर अन्य जावास्क्रिप्ट पुस्तकालय हैं।

Answer 5

आप बस सिर्फ एक शैली विशेषता शामिल करके <td> टैग सामग्री छिपा सकते हैं: style = "display:none"

ई के लिए।जी

<td style = "display:none" > 
<p> I'm invisible </p> 
</td> 

Answer 6

हम निम्नलिखित इनलाइन सीएसएस का उपयोग करके एक के अंदर सामग्री छिपा सकते हैं:

<div style="visibility:hidden"></div> 

उदाहरण के लिए

:

<td><div style="visibility:hidden">Your Content Goes Here:</div></td> 

Answer 7

<td style = "display:none" > 
<p> Content display none </p> 
</td> 

या

<td style="visibility:hidden"> Your content is hidden </td> 

ध्यान दें कि: 2 वे तरीके भिन्न हैं। परिणाम देखने के लिए आपको इसे आजमाया जाना चाहिए।

Answer 8

सब कुछ संभव है (या लगभग) सीएसएस के साथ, बस का उपयोग करें:

display: none; //to hide 

display: table-cell //to show