js怎样动态添加文字样式

以改变字体颜色为例

js部分

// 页面加载完毕要执行的 *** 作放到这个函数里

window.onload=function (){

// 使用js实现

document.getElementById('wenzi').style.color="red"

// 使用jqeury实现

$('#wenzi2').css('color','yellow')

}

html部分

<span id="wenzi">js动态添加文字样式示例</span>

<span id="wenzi2">js动态添加文字样式示例2</span>

复制代码

代码如下:

<script language="javascript" src="js/settags.js"></script>

function AppTag(tagcode)

{

document.PostMessage.Message.value += tagcode

}

function InsertTag(tagbegin,tagend)

{

if ((document.selection)&&(document.selection.type == "Text")) {

var range = document.selection.createRange()

var ch_text=range.text

range.text = tagbegin + ch_text + tagend

}

else

{

document.PostMessage.Message.value=tagbegin+document.PostMessage.Message.value+tagend

document.PostMessage.Message.focus()

}

}

</script>

调用：

执行 *** 作的图标按钮：

<a href="javascript:AppTag('[ImgFace1]')"><img src="./Images/Face/Face1.gif" border="0"></a>

<a href="javascript:InsertTag('[B]','[/B]')"><img src="./Images/tags/EditorBold.gif" alt="Bold" border="0"></a>

其中[ImgFace1]，[B]，[/B]为要插入的文字

var range = document.selection.createRange()

var ch_text=range.text

这是得到文本框选中的文字

被 *** 作的文本框：

<asp:TextBox ID="Message" Runat="server" MaxLength="100" TextMode="MultiLine" Rows="15" Width="100%" />

这个比较简单的

<span id="showmsg"></span>

<script language="javascript">

document.getElementById("showmsg").innerHTML = '动态加进来的东西'

</script>

---