Question

我有一个简单，动态的电子邮件表单字段。在用户提交电子邮件后，他们会收到消息“Got it！”。我需要字符串“得到它！”在我的CSS中具有与我的<p>标签相同的样式..但我不知道如何在javascript中分配属性，而代码的其他部分是在ruby中，我也不知道。这可能是一个简单的修复，但我找不到答案！

这是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 / ruby代码：

<%= 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;
}

如何为Javascript变量指定样式？

1 个答案: