您的位置：首页 > Web前端 > JavaScript

js实现div内容局部变色的两种方法

2013-01-24 16:55 691 查看

<html>

<head>

<script language="javascript">

function test1(){

     var vId = document.getElementById("abc").getAttribute("value");

      var vValue = vId.fontcolor("red");

      document.getElementById("abc").innerHTML = "我爱你，"+vValue+",我的母亲";

}

function test2(){

  var vId = document.getElementById("abc").getAttribute("value");

  var newNode = document.createTextNode("我爱你,<font color='red'>"+vId+"</font>,我的母亲");

  var vInnerHTML = newNode.nodeValue;

  document.getElementById("abc").innerHTML = vInnerHTML;

}

</script>

</head>

<body onload="test()">

    <div type="text" id="abc" value="亲爱的"></div>

</div>

</body>

</html>

显示结果：我爱你,亲爱的,我的母亲，
第一种方法是通过html的方法fontcolor转化为,<font color='red'>vId</font>,获取内容
第二种方法是通过疮疖文本节点，然后获取文本节点的内容，
类似的可以设置其他样色，如加粗，斜体，大小等

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航