javascript - js - 在点击问题上设置元素颜色

Question

我试图设置元素的颜色。但还没有成功。在这里，我也想在点击时运行 2 个函数（addXXX，setcolor）。

<div id="tweet">'.$tweet['text'].'</div>        
<input type="radio" name="pos" value="POS" 
       onclick="addPOS(this.previousElementSibling.innerHTML+\' \');
       $(#tweet).css(\'background-color\', \'red\');">
  <span class="label label-success">Pos</span>
</input>
<input type="radio" name="pos" value="NON" 
       onclick="addNON(this.previousElementSibling.previousElementSibling.previousElementSibling.innerHTML+\' \');
       $(#tweet).css(\'background-color\', \'blue\');">
  <span class="label label-warning">Non</span></input>
<input type="radio" name="pos" value="NEG" 
         onclick="addNEG(this.previousElementSibling.previousElementSibling.previousElementSibling.previousElementSibling.previousElementSibling.innerHTML+\' \');
         $(#tweet).css(\'background-color\', \'yellow\');">
  <span class="label label-important">Neg</span>
</input>';

Answer 1

将这两个函数放入一个单独的函数中并调用该方法，而不是在“onclick”属性中运行两个方法调用

<script>
function changeColor(param)
{
    addPOS(param.previousElementSibling.innerHTML+\' \');
    $(#tweet).css(\'background-color\', \'red\');
}
</script>
<input type="radio" name="pos" value="POS" onclick="changeColor(this)">

等等

Answer 2

使用 Jquery，

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 <div id="tweet">test</div>
 <input type="radio" name="pos" value="POS" onclick="$('#tweet').css('background-color', 'yellow');">

如果使用普通的javascript，

<div id="tweet">test</div>
<input type="radio" name="pos" value="POS" onclick="document.getElementById('tweet').style.background = 'yellow'">

Answer 3

如果要更改 div onclick 上的颜色。试试这个。

<div id="tweet"></div>
<input type="button" onclick="document.getElementById('div').style.backgroundColor='red'"/>