網(wǎng)頁(yè)設(shè)計(jì)中JavaScript,歡迎您!怎么設(shè)計(jì)文字為藍(lán)色加粗？

給需要設(shè)計(jì)的文字加個(gè)id，用document.getElementById("id")去訪問(wèn)該元素，獲取dom,然后如下：

創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)廣昌,10多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):18980820575

document.getElementById("id").style.color="blue"

document.getElementById("id").style.fontWeight="bold"

如何用javascript實(shí)現(xiàn)對(duì)文本域加粗,斜體和下劃線效果的設(shè)置

1、可以通過(guò)?style?讓整個(gè)文本框內(nèi)容加粗，但沒(méi)有辦法單獨(dú)改變部分文字的樣式。

2、下面的代碼只是個(gè)例子，可以實(shí)現(xiàn)將選擇的文本加粗，但實(shí)際應(yīng)用中考慮的問(wèn)題還有很多，IE?9,?Firefox?19,?Chrome?26?下測(cè)試都沒(méi)有問(wèn)題，Safari?會(huì)出現(xiàn)移位錯(cuò)誤，Opera?直接不支持。

script?language="javascript"

window.onload?=?function()?{

//?iframe?窗口

var?frameWin?=?document.getElementById('result').contentWindow;

//?iframe?頁(yè)面

var?frameDoc?=?frameWin.document;

//?在?iframe?頁(yè)面輸出一些字符

frameDoc.body.innerHTML?=?'Lorem?ipsum?dolor?sit?amet';

//?點(diǎn)擊加粗

document.getElementById("bold").onclick?=?function()?{

//?獲取選擇

var?sel?=?frameDoc.getSelection();

//?獲取選擇的文字

var?txt?=?sel.getRangeAt(0).extractContents().textContent;

//?選擇范圍

range?=?sel.getRangeAt(0);

//?刪除被選擇的內(nèi)容

range.deleteContents();

//?創(chuàng)建新的元素?strong

var?bold?=?frameWin.document.createElement("strong");

//?設(shè)置?strong?內(nèi)容

bold.innerHTML?=?txt;

//?在被選擇的位置添加加粗的元素

range.insertNode(bold);

};

};

/script

iframe?style="width:600px;?height:200px"?id="result"/iframe

input?type="button"?id="bold"?value="加粗"?/

js中怎么加粗

!DOCTYPE?html

html

head

meta?http-equiv="Content-Type"?content="text/html;?charset=UTF-8"

title

RunJS?演示代碼

/title

script?language="javascript"?type="text/javascript"

onload?=function(){

var?now?=?new?Date();

var?strWeek=["周日","周一","周二","周三","周四","周五","周六"][now.getDay()];

var?strHour=now.getHours();

var?strMinutes=now.getMinutes();

var?strSeconds=now.getSeconds();

var?reg?=?/^\d$/;

reg.test(strMinutes)???strMinutes="0"+strMinutes?:?0;

reg.test(strSeconds)???strSeconds="0"+strSeconds?:?0;

var?strMonth=now.getMonth()+1+"月";

var?strDay?=now.getDate()+"日";

var?strTime=strHour+":"+strMinutes+":"+strSeconds;

strTime=strTime.bold();

time.innerHTML=strTime+"?br?/??"+strMonth+strDay+"?"+strWeek;

setTimeout(arguments.callee,?1000);

}

/script

/head

body

div?id="time"

/div

/body

/html

文章題目：javascript加粗,js文本加粗
標(biāo)題URL：http://www.rwnh.cn/article20/dsdhhco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、做網(wǎng)站、Google、網(wǎng)站設(shè)計(jì)公司、虛擬主機(jī)、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)