Question

我正在尝试使用class =＆＃34; hs-input＆＃34;来访问该元素。 ;这是基本结构

<div class = "hbspt-form".......>
 <form ....class="hs-form stacked">
      <div class = "hs_firstname field hs-form-field"...>
          <div class = "input"....>
              <div class="hs-input"...>

这就是我的尝试：

<script type="text/javascript">
var list = document.getElementsByClassName("hbspt-form")[0];
list.style.background = "#fffbd5";
list.style.borderRadius = "5px";
list.style.border= "solid";
list.style.boxShadow = "10px 20px 30px ";
list.style.borderColor = "#f7761f";
list.getElementsByClassName("hs_firstname")[0].style.backgroundColor = "white";
</script>

我甚至无法访问第二个类（hs-form stacked），有人能告诉我如何更改最后一个类的背景颜色（hs-input）

注意：如果我输入任何函数，控制台不会出现任何错误，但是当我执行此操作时，它表示找不到代码。

我是javascript和堆栈溢出的新手，请耐心等待。谢谢

注意：这是代码 - ＆gt; http://jsfiddle.net/jg2rek1h/

Answer 1

你可以试试这个：

var list = document.getElementsByClassName("hbspt-form")[0];

var secondclass = list.getElementsByClassName('hs-form')[0];
secondclass.style.background = "#333";

var last_class = list.getElementsByClassName('hs-input')[0];
last_class.style.color = "#94d";

http://jsfiddle.net/k581sL5q/

Answer 2

我刚刚添加了 css 表，请查看：http://jsfiddle.net/jg2rek1h/4/

如果您只想更改视觉展望，请使用css http://www.w3schools.com/css/

如果你想通过脚本操作外观，那么最好与jQuery相处。

子类元素按类名错误

2 个答案: