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

熱點內容
後綴名為數字的壓縮文件如何解壓 瀏覽：567
買積木哪個網站好 瀏覽：78
win10efi分區恢復 瀏覽：614
商家微信支付模板 瀏覽：787
美國有哪些黃動漫網站 瀏覽：919
ecshop第三方登錄管理教程 瀏覽：753
易通文件夾鎖軟體免費下載 瀏覽：538
電腦文件夾字體透明的 瀏覽：937
哪些免費招聘網站 瀏覽：748
提升英語聽力的app有哪些 瀏覽：665
js文件蘋果 瀏覽：293
我現在用的什麼網路 瀏覽：616
淘寶app怎麼用雲閃付支付 瀏覽：537
電腦編輯文件名時字體背景 瀏覽：482
cad轉文件成pdf 瀏覽：671
怎麼app打開 瀏覽：431
剛剛刪除的文件在回收站找不到了 瀏覽：769
win10不能點擊 瀏覽：583
萬方數據學位論文在哪裡 瀏覽：930
不會編程可以做什麼網路工作 瀏覽：771

友情鏈接