本文目录一览：
js点击改变文字颜色，再点击又变回原样
这是针对你的问题的测试界面测试页面，界面结构如图。
1、点击按钮变红。
2、再次点击按钮变黑。
3、这是javascript代码，由于每次点击，都要记录一个状态，所以用i这个变量记录这个状态，根据它的奇偶性来控制颜色变化。
var i = 0;
function changeColor() {
if (i++%2 == 0) {
document.getElementById(‘id1’).style.color = ‘red’;
} else {
document.getElementById(‘id1’).style.color = ‘black’;
}
}
js控制字体颜色
input type=”text” onfocus=”this.style.color=’#272727′” style=”color:#3c3c3c;” value=”adf321klfds” /
如上代码就可以了，不过#3c3c3c和#272727这两个颜色太接近了，肉眼好难看出来 – -，你改个别的颜色就可以看出效果了，比如#272727改成#00ff00
JS控制table特定tr的背景颜色
代码如下：
script
//js放到table下，才能检测到tr数组
var trs = document.getElementById(“tableBox”).getElementsByTagName(“tr”);
var trs=document.getElementById(“tableBox”).getElementsByTagName(“tr”);
$(function(){
for(var i=0;itrs.length;i++){
trs[i].onmousedown = function(){
mousedownclick(this);
}
}
});
function mousedownclick(obj){
for(var j=0;jtrs.length;j++){
if(trs[j]==obj){
trs[j].style.background=’blue’;
}else{
trs[j].style.background=”;
}
}
}
/script
扩展资料
js操作table的各种用法：
(1)得到table 中tbody 的内容 ：$(‘#simple-table’).find(‘tbody’).html();
(2)点击td时，获取点击的行号：
$(‘#simple-table tbody’).on( ‘click’, ‘td’, function (e) {
normalRowIndex = $(this).parent().index(); //行号
console.log(“正常工作表行：”+normalRowIndex);
});
(3)为table追加一行：
function addNormalTR(){
$(‘#simple-table’).find(‘tbody’).append(trtd); //tdtd为拼接的trtd 的html内容。
}
(4) 点击td中的元素获取，当前行号： obj.parentNode.parentNode.rowIndex;//obj 为元素对象
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/283055.html
微信扫一扫 
支付宝扫一扫 