Как назначить стиль Javascript-переменной?

Question

У меня есть простое, динамическое поле формы электронной почты. После того, как пользователь отправит свою электронную почту, они получат сообщение «Got it!». Мне нужна строка «Получил!». иметь тот же стиль, что и мой тег <p> в моем css .. но я не знаю, как назначить свойства в javascript, а другая часть кода находится в рубине, и я тоже этого не знаю. Это, наверное, простое решение, но я не могу найти ответ!

Вот JavaScript:

var finalText = 
     'Got it!'; 


// Create a new div that will contain our thank you stuff 
var thankyouDiv = document.createElement("div"); 
thankyouDiv.id = "home_thankyou"; 
thankyouDiv.innerHTML = finalText; 

// Store reference to the formm 
var form = document.getElementsByTagName("form")[0]; 

// Add the new thankyoudiv before the form 
form.parentNode.insertBefore(thankyouDiv, form ); 

// remove the form tag alltogether 
form.parentNode.removeChild(form); 

А вот код HTML/рубин:

<%= form_for :home, :remote=>true, :update=>"emailsubmit", :url => {:controller=>"home", :action=>"create"} do |f| %> 
<div id=emailsubmit><%= email_field("infosignup", "email", :placeholder=>"Enter your email") %></div> 
<%= submit_tag("", :id=>"arrow2") %> 

Любая помощь?

Answer 1

Это не тот JavaScript, который вам нужен для стиля, а скорее <div>, в котором вы его пишете.

Присвоить класс к новому DIV:

// Create a new div that will contain our thank you stuff 
var thankyouDiv = document.createElement("div"); 
thankyouDiv.className = "someClass"; 
thankyouDiv.id = "home_thankyou"; 
thankyouDiv.innerHTML = finalText; 

Затем в CSS, определить класс с теми же правилами, которые вы определили <p>:

p, .someClass { 
    color: red; 
}