Question

我在google扩展程序中使用message.innerText进行字符串输出。

var text="hello world";
message.innerText = text;

问题是如何使bg颜色和文字颜色不同？谢谢！

Answer 1

您可以使用元素的样式属性更改背景颜色和文本颜色。见下面的片段。

var text="hello world";
var message = document.getElementById('message');
message.innerText = text;
message.style.backgroundColor = "RED";;
message.style.color = "white";

<span id="message"></span>

Answer 2

您应该查看DOM节点的style属性。也就是说，您正在寻找backgroundColor和color：

message.style.backgroundColor = 'some valid color value';
message.style.color = 'some valid color value';

Answer 3

使用此代码：

var message = document.getElementById("#message");
var text = "hello world";
message.innerText = text;
message.style.backgroundColor = "#ff0000";
message.style.color = "#ffffff";

示例：

＆＃13;

<!DOCTYPE html>
<html>
<head>
<style> 
#message {
    width: 300px;
    height: 300px;
    background-color: coral;
    color: white;
}
</style>
</head>
<body>

<button onclick="myFunction()">Change Style</button>

<br /><br />

<div id="message">
  Hello
</div>

<script>
function myFunction() {
  var message = document.getElementById("message");
	var text = "hello world";
	message.innerText = text;
	message.style.backgroundColor = "#ff0000";
	message.style.color = "#ffffff";
}
</script>

</body>
</html>

＆＃13;

JS：message.innerText字体颜色和bg颜色

3 个答案: