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

Question

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

我尝试了以下代码，

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

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

Answer 1

我不会费心将未格式化的 HTML 发送到客户端，然后让客户端执行 JavaScript 工作。您创建一个计算字段并为其提供数据类型 HTML（保持您创建的 HTML 完整）并使用 SSJS。所以不需要在客户端执行 JS：

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

不要忘记越过你的 t，点你的 i 并用分号结束一个语句:-)

Answer 2

如果您想使用客户端 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> 

Answer 3

一种方法是将您的“你好”包装在一个 html 跨度中，然后更改该跨度的颜色。

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

javascript代码：

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

Answer 4

在这个上去了老学校......

假设您想将格式化文本放入 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!"));