尝试编辑由 innerHTML 显示的消息

Question

我正在尝试使用 CSS 编辑网站的欢迎消息。我目前有一条消息显示用户是否是第一次访问该站点，如果他们是使用 cookie 的重复用户，则会显示另一条消息。我正在尝试使用 css 编辑消息 div。 这是我的 JavaScript 代码，它使用 cookie 选择要显示的消息：

window.onload = function welcomeMessage(){	
		var visitData = decodeURIComponent(document.cookie);
		if (visitData.length == 0)
			document.getElementById('welcome').innerHTML = "<h4>Welcome back to our website!</h4>";
		else
			document.getElementById('welcome').innerHTML = "<h4>Welcome to our website. Please browse the site to learn about our services.</h4>";
		var expiresDate = new Date();
		expiresdate.setFullYear(expiresDate.getFullYear() - 1);
		document.cookie = encodeURIComponent("expires=" + expiresDate.toUTCString());
	}

我在 html 上显示这样的消息：

<div id="welcome"></div>

我想使用 css 来对齐文本，可能更像是添加一个边框。出于某种原因，当我尝试使用 css 文件设置样式时，它在 div 上不起作用。我不知道是不是因为该函数使用了 innerHTML 或什么。 我是 JavaScript 新手，所以任何建议都会非常有帮助。提前致谢。

Answer 1

您可以直接将样式属性赋予'welcome' id。无需通过 javascript 提供。

例如。

<style>
#welcome {
    border-style: solid;
    border-color: #ff0000 #0000ff;
}
</style>

通过js你可以这样：

<script>
document.getElementById("welcome").style.color = "blue";
</script>