導航:首頁 > 編程語言 > 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獲取選擇的文字顏色相關的資料

熱點內容
jsonformat註解用法 瀏覽：697
設置ipad需要選擇備份文件路徑 瀏覽：309
電腦文件怎麼保存到桌面不卡 瀏覽：810
java獲得本機外網的ip地址 瀏覽：391
微信小程序ios能過么 瀏覽：208
蘋果app後台耗電太大怎麼關閉 瀏覽：178
怎麼查看zabbix版本號 瀏覽：327
手機app整合文件名 瀏覽：492
壓縮包保存文件找不到臨時文件 瀏覽：958
iphone4來電mv素材 瀏覽：684
資料庫怎麼查速度 瀏覽：89
項目數據分析師證在哪裡查詢 瀏覽：725
淘寶怎麼免費升級專業版 瀏覽：771
淘特app買手機殼如何微信支付 瀏覽：59
windows遷移到mac的文件找不到了 瀏覽：674
最近比較火的網路游戲有哪些 瀏覽：377
linuxoracle日誌 瀏覽：54
計算機網路課程作用 瀏覽：902
win10下ftp伺服器搭建 瀏覽：150
oppo原配數據線多少錢 瀏覽：835

友情鏈接