Question

我的代码中遇到问题。我想在点击按钮时更改按钮的颜色。你可以查看下面给出的代码。

<html>
    <head>
    </head>
    <body onload="func();">
        <br><br><div id="header"><h1 align="center">Online Aptitude-2k17</h1></div>
        <table align="center" width="100%">
            <tr id="t1">
                <td></td>
            </tr>
        </table>

        <script>
            function func() {
                for(var i=1;i<=30;i++) {
                    var x=document.getElementById("t1").innerHTML;
                    var p="<td><input type='button' value='"+i+"' onclick ='myFunction("+i+");'/></td>";
                    document.getElementById("t1").innerHTML=x+p;
                }
            }

            function myFunction(a,elem) {
                var xhttp = new XMLHttpRequest();
                xhttp.onreadystatechange = function() {
                    if (this.readyState == 4 && this.status == 200) { 
                        document.getElementById("ques").innerHTML = this.responseText;

                    }
                };
                xhttp.open("GET", "retrieveQuestion.php?question=" +a, true);
                xhttp.send();
            }
        </script>

        <div id="ques" style="text-align:center; padding:20px"></div>
        <table align="center" cellspacing="20px">
            <tr><td align="center"><input type="text" name="answer" /></td></tr>
            <tr><td align="center"><input type="button" value="Submit" /></td></tr>
        </table>
      </body>
</html>

单行中包含30列的按钮我想要的是当用户点击它时，必须在点击它时更改它的颜色。

任何人都可以帮我解决这个问题。

Answer 1

制作数组中的所有颜色

$('div.center').on('mouseover','.tweets',function(){
  var idget = $(this).attr('userid');

  $('div.center').find('[userid="'+idget+'"]').css('background-color','pink');
});

Answer 2

以下是您可以尝试在自己的代码中实施的一些示例

＆＃13;

function changeColor(e){
 e.style.backgroundColor = "red";
}

function populate() {
   for(var i=1;i<=30;i++) {
      var x=document.getElementById("holder").innerHTML;
      var p="<input style='background-color: #4CAF50' type='button' value='"+i+"'onclick='changeColor(this)'/>";
      document.getElementById("holder").innerHTML+=p;
   }
}

populate() ;

＆＃13;

<div class="container">
<table id="holder"></table>
</div>

＆＃13;

按钮

2 个答案: