javascript - 一个字符串中的两种颜色和一种功能？

<分区>

这听起来像是一个很容易解决的问题。不可否认，我曾希望能够做到这一点。我想要一根绳子，有两种颜色。在 JS 中:

function twoColors(s1,s2) {
    s1.color = "#hexColor1";
    s2.color = "#hexColor2";
    return(s1+s2)
}

在 HTML 中(在 JS 中采购之后)

<script>
    document.getElementById("theElementsID").innerHTML = twoColors("one","two");
</script>

然而这行不通... 想法？

最佳答案

您需要使用一种样式将文本包装在 HTML 中。

function twoColors(s1, s2) {
  s1 = "<span style=\"color:#eeff00\">" + s1 + "</span>";
  s2 = "<span style=\"color:#00eeff\">" + s2 + "</span>";
  return (s1 + s2)
}
document.getElementById("output").innerHTML = twoColors("one", "two");

<div id="output" style="background-color:black;">123</div>

关于javascript - 一个字符串中的两种颜色和一种功能？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40361834/

上一篇：javascript - 在 Google Chrome 扩展程序上获取当前和以前的版本号

下一篇：javascript - 清除/重新初始化 Highchart

javascript - 使用 JavaScript 更改 <li> 的类

javascript - 在 Node.js 中运行 JS 文件

c# - 当客户端脚本显示时正确调整 ModalPopupExtender 的大小

css - 当浏览器不支持 CSS 样式但属性支持时会发生什么情况？

php - 搜索所有打开的 HTML 标签并关闭它们 [PHP]

html - 使用 css flexbox 缺少链接和段落之间的间隙

javascript - 为什么 WordPress 中的排队脚本不起作用？

javascript - 如何从对象 : Javascript 中获取保存对象实例的变量名

javascript - CSS 跨度 :hover doesn't work in IE but works in Firefox