使用javascript更改计算字段中的字体颜色

时间:2013-06-01 07:15:00

标签: xpages

如何使用javascript /其他方法在“Hello World”中单独更改 Hello 的字体颜色?

我尝试了以下代码,

var s= session.getCommonUserName()
s.fontcolor("green")
"Hello"+" "+ s.toUpperCase()

我试图仅改变用户名的颜色。但它失败了。

4 个答案:

答案 0 :(得分:0)

如果您想使用客户端java脚本,那么您必须执行以下操作:

dojo.style("html_element_id", "color", "green");

所以在你的情况下你可以拥有类似的东西:

<p><span id="span1">Hello</span> World.</p> 

如果你不需要用CJS改变它,你可以直接做到:

<p><span style="color:green">Hello</span> World</p> 

答案 1 :(得分:0)

一种方法是将'hello'包装在html范围内,然后更改该范围的颜色。

<span id='myspan'>hello</span> world

javascript代码:

document.getElementById('myspan').style.color='green';

答案 2 :(得分:0)

在这一个上学了...

假设您要将格式化文本放在div

<div id="test">

</div>

然后你需要以下javascript来执行此操作:

div = document.getElementById("test");

hello = document.createElement("span");
hello.innerHTML = "Hello"
hello.style.color = "green";

div.appendChild(hello);
div.appendChild(document.createTextNode(" world!"));

答案 3 :(得分:0)

我不打算将无格式的HTML发送到客户端,然后让客户端执行JavaScript工作。您创建一个计算字段并为其提供数据类型HTML(保持您创建的HTML完整)并使用SSJS。所以没有JS需要在客户端执行:

var cu = session.getCommonUserName();
return "Hello"+" <span style=\"color : green\">"+ cu.toUpperCase()+"</span>";

不要忘记越过你的点,点你的i并用分号结束陈述: - )