网页设计中JavaScript,欢迎您!怎么设计文字为蓝色加粗？

给需要设计的文字加个id，用document.getElementById("id")去访问该元素，获取dom,然后如下：

创新互联公司主要从事成都网站设计、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务广昌,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

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

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

如何用javascript实现对文本域加粗,斜体和下划线效果的设置

1、可以通过 style 让整个文本框内容加粗，但没有办法单独改变部分文字的样式。

2、下面的代码只是个例子，可以实现将选择的文本加粗，但实际应用中考虑的问题还有很多，IE 9, Firefox 19, Chrome 26 下测试都没有问题，Safari 会出现移位错误，Opera 直接不支持。

script language="javascript"

window.onload = function() {

// iframe 窗口

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

// iframe 页面

var frameDoc = frameWin.document;

// 在 iframe 页面输出一些字符

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

// 点击加粗

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

// 获取选择

var sel = frameDoc.getSelection();

// 获取选择的文字

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

// 选择范围

range = sel.getRangeAt(0);

// 删除被选择的内容

range.deleteContents();

// 创建新的元素 strong

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

// 设置 strong 内容

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文本加粗
转载来源：http://ybzwz.com/article/dsdhhco.html