導航:首頁 > 編程語言 > js獲取選擇的文字顏色

js獲取選擇的文字顏色

 發布時間：2023-02-26 18:20:00

⑴ js控制字體顏色

<inputtype="text"onfocus="this.style.color='#272727'"style="color:#3c3c3c;"value="adf321klfds"/>

如上代碼就可以了，不過#3c3c3c和#272727這兩個顏色太接近了，肉眼好難看出來 - -，你改個別的顏專色就可以看出效屬果了，比如#272727改成#00ff00

⑵ 怎麼在js里用正則表達式提取文字並改變其顏色呢比如一段文字里的「我」字，用正則提取改變字的顏色。

var content = document.getElementById("d1").innerHTML;//獲取到的一段文字

var reg = /\#[0-9a-zA-Z]{6}/g; //這個就相當於」我「

content = content.replace(reg,"#000"); //設置獲取到文字設置我的顏色

document.getElementById("d1").innerHTML = content; //將設專置號的重屬新放到html中

⑶ js實現選中復選框文字變色的方法

本文實例講述了js實現選中復選框文字變色的方法。分享給大家供大家參考。具體如下：
這里實現選中復選框時，文字加上一個背景色，變通一下，還是很有用的。
運行效果如下圖所示：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-checkbox-cha-font-color-codes/
具體代碼如下：
<html>
<head>
<title>選中復選框文字變色</title>
<style>
.checkbox
{
background-Color:e-xpression(this.checked?'yellow':'buttonface');
}
</style>
</head>
<script>
function
chaCloor(field){
var
pig
=
field.checked;
pig?field.nextSibling.style.backgroundColor="skyblue":field.nextSibling.style.backgroundColor="white";
}
</script>
<body>
<table
height=48
width=136>
<tr>
<td><input
type="checkbox"
onClick="chaCloor(this)"><span>網頁特效</span></td>
</tr>
<tr>
<td><input
type="checkbox"
onClick="chaCloor(this)"><span>源碼下載</span></td>
</tr>
<tr>
<td><input
type="checkbox"
onClick="chaCloor(this)"><span>編程軟體</span></td>
</tr>
</table>
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。

⑷ js怎麼實現選中後，圖標和文字都變色

1、邏輯很簡單，如果是圖片的話，就是不停地換圖片。比如點擊女之後，女這塊圖片變成綠色圖片，男那邊圖片變成黑色圖片。

2、如果用符號做邏輯也是一樣的，點擊之後兩個項目都變色，一個變成綠色、另一個變成黑色。

3、具體的JavaScript代碼如下圖所示。

⑸ js有沒有辦法可以獲取選中文字的大小，顏色等屬性

這個.好像是不行.

能獲取某控制項style中字型大小.顏色等屬性:

document.getElementById("控制項ID").style.color

document.getElementById("控制項ID").style.fontSize

------------------------

如果取出innerHTML.而該innerHTML裡面沒有局部的css的話.是可以修改的.如:

var val=document.getElementById("控制項ID").innerHTML;
//此時如果val裡面是純文本.或者val裡面沒有控制項去引用其它css.也沒有style.那麼可以直接這么寫:

val="<font style='color:red;font-size:12px;'>"+val+"</font>";
document.getElementById("控制項ID").innerHTML=val;

//但如果你取出的innerHTML裡麵包含像:<div class='asdf'>這樣兒的標簽.或者<div style="color:blue">這樣兒的定義.那在外層加css樣式.就不管事兒了.

⑹ 如何改變選中文本的字體顏色（css或者js都可以）

這是css3,不過只有css3的瀏覽器才支持.以下是代碼,直接放到專css裡面屬就可以

::selection{background:#ff9632;color:#000;}::-moz-selection{background:#ff9632;color:#000;}::-webkit-selection{background:#ff9632;color:#000;}

⑺ 如何用js改變字體的顏色

用抄js方法來實現，代碼為：document.getElementById("t").style.color="red";
說明襲：上面的"t"可以根據自己需要修改，具體代碼參考：
<html>
<body>
<a name="t" class="STYLE2" id="t" onclick="chcolor();">登陸通行證</a>
<script type="text/javascript">
function chcolor(){
document.getElementById("t").style.color="red";
}
</script>
</body></html>

閱讀全文

與js獲取選擇的文字顏色相關的資料

熱點內容
flash80金鷹教程 瀏覽：374
怎麼把美國的app賬號換成中國的 瀏覽：375
貸款60秒app 瀏覽：408
捷安特騎行app有什麼獎勵 瀏覽：542
網站圖片展示代碼 瀏覽：167
asp找回密碼 瀏覽：836
如何知道別人使用我的電腦和看了什麼文件 瀏覽：712
prcs4視頻導出後找不到文件 瀏覽：977
msp430系列單片機實用c語言程序設計 瀏覽：423
移動硬碟的文件格式 瀏覽：904
文件本地路徑與雲路徑 瀏覽：103
進大白菜找不到系統文件 瀏覽：380
ug裝配體找不到文件部件已刪除 瀏覽：629
小網站怎麼弄出來 瀏覽：649
jsp表單加參數 瀏覽：607
蘋果5s手機老是卡屏 瀏覽：58
js給php變數賦值 瀏覽：446
雜志版本號是什麼意思 瀏覽：223
地圖特效代碼 瀏覽：192
去除思科配置文件中的號 瀏覽：196

友情鏈接