innerHTMLで表示されるメッセージを編集しようとしています

Question

私はcssを使用しているサイトのウェルカムメッセージを編集しようとしています。私は現在、ユーザーがサイトを知覚するのは初めてであるかどうかを表示し、Cookieを使用しているリピートユーザーである場合は別のメッセージを表示しています。私はcssを使ってメッセージdivを編集しようとしています。ここ はクッキーを使用して、表示するメッセージを取り出す私のJavaScriptコードです：

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

私はメッセージをHTMLに次のように表示されます：

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

私はしたいと思いますcssを使用してテキストを整列させ、おそらくもっと境界線を追加するようにします。何らかの理由で、CSSファイルを使用してスタイルを作成しようとすると、divで機能しません。関数がinnerHTMLか何を使用しているのか分かりません。 私はJavaScriptを初めて使っているので、助言が非常に役に立ちます。前もって感謝します。

Answer 1

"welcome" idにスタイル属性を直接与えることができます。 javascriptで与える必要はありません。

例えば、

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

：JSによって

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

あなたはこの方法に従うことができます