<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 οnlοad="test()">
<div type="text" id="abc" value="亲爱的"></div>
</div>
</body>
</html>