जावा स्क्रिप्ट

का उपयोग कर तालिका में सेल के पृष्ठभूमि रंग को कैसे बदलें, मुझे जावा स्क्रिप्ट का उपयोग करके तालिका में एकल सेल का पृष्ठभूमि रंग बदलने की आवश्यकता है।जावा स्क्रिप्ट

दस्तावेज़ के दौरान मुझे सभी सेल की शैली की आवश्यकता होती है (इसलिए इसे जोड़ने के लिए स्टाइल शीट का उपयोग किया जाता है।), लेकिन बटन क्लिक पर मुझे पहले सेल का रंग बदलने की जरूरत है।

निम्न नमूना कोड

<html lang="en"> 
    <head>  
    <script type="text/javascript" >   

    function btnClick() 
    { 
      var x = document.getElementById("mytable").cells; 
      x[0].innerHTML = "i want to change my cell color"; 
      x[0].bgColor = "Yellow";    
    } 
    </script> 
</head> 
    <style> 
    div 
    { 
    text-align: left; 
    text-indent: 0px; 
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
    } 
    td.td 
    { 
       border-width : 1px; 
       background-color: #99cc00; 
       text-align:center; 

    } 
    </style> 
    <body> 
    <div> 
    <table id = "mytable" width="100%" border="1" cellpadding="2" cellspacing="2" style="background-color: #ffffff;"> 
     <tr valign="top"> 
     <td class = "td"><br /> </td> 
     <td class = "td"><br /> </td> 
     </tr> 
     <tr valign="top"> 
     <td class = "td"><br /> </td> 
     <td class = "td"><br /> </td> 
     </tr> 
    </table> 
    </div> 
     <input type="button" value="Click" OnClick = "btnClick()"> 
    </body> 
</html>

स्रोत

2012-07-17 Kasma

है इस प्रयास करें:

जे एस से

function btnClick() { 
    var x = document.getElementById("mytable").getElementsByTagName("td"); 
    x[0].innerHTML = "i want to change my cell color"; 
    x[0].style.backgroundColor = "yellow";    
}

सेट, backgroundColor अपनी शैली पत्र में background-color के बराबर है।

भी ध्यान रखें कि .cells संग्रह एक मेज पंक्ति के अंतर्गत आता है, टेबल खुद के लिए नहीं। सभी पंक्तियों से सभी कोशिकाओं को प्राप्त करने के लिए आप getElementsByTagName() का उपयोग कर सकते हैं।

डेमो: सेल के लिए http://jsbin.com/ekituv/edit#preview

स्रोत

2012-07-17 06:37:21 nnnnnn

<table border="1" cellspacing="0" cellpadding= "20"> 
    <tr> 
    <td id="id1" ></td> 
    </tr> 
</table> 
<script> 
    document.getElementById('id1').style.backgroundColor='#003F87'; 
</script>

रखें आईडी और उसके बाद सेल की पृष्ठभूमि बदल जाते हैं।

स्रोत

2014-01-10 10:10:45 Thilini

document.getElementById('id1').bgColor = '#00FF00';

काम करने लगता है। मुझे नहीं लगता कि .style.backgroundColor करता है।

स्रोत

2016-03-21 01:07:52 user3029797

जावा स्क्रिप्ट

उत्तर

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