Javascript 更改IE 7中对象和特定子对象的CSS颜色

这是我当前的设置（大致）代码：

#B{背景色：#F00；颜色：#00F}
#bh3{背景色：#FF0；颜色：#000}
字幕
正文

这基本上将框的颜色设置为蓝色，背景为红色。然后，标题的颜色为黄色，背景色为黑色

如果我想在没有静态CSS的情况下设置外框的颜色，我可以很容易地做到：

<div ID="B">
<h3>subtitle</h3>
<p>text</p>
</div>
<script>
var x=document.getElementById('B').style;
x.color='#F00';
x.backgroundColor='#00F';
</script>

字幕
正文

var x=document.getElementById（'B'）.style；
x、 颜色='#F00'；
x、 背景颜色='#00F'；

是否有一种方法可以直接访问Javascript中的H3，而无需为其分配ID值即可用于Internet Explorer 7

我正在寻找一种需要更少字节的代码，以及能更快地在屏幕上生成文本的代码

此站点：声明

childnodes[]

，

firstChild

，以及许多其他直接处理对象子对象的功能与IE 7不兼容，除非手册中有说明

---

有人知道或者我会被困在每个元素上应用ID标签吗？

当然，IE5.5支持

getElementsByTagName

<div ID="B">
    <h3>subtitle</h3>
    <p>text</p>
</div>

<script>
    var x = document.getElementsByTagName('a')[0];

    if (x and x.style) {

        x.style.color='#F00';

    }
</script>

字幕
正文

var x=document.getElementsByTagName（'a'）[0]；
if（x和x.style）{
x、 style.color='#F00'；
}

---

它确实返回了一个节点列表（来自IE6），因此您必须使用括号表示法，

[0]

将获得页面上的第一个

元素。

因此，基本上，通过H3进行迭代，直到我幸运地找到正确的一个才是正确的方法？不，您应该知道您想要哪一个，并使用该元素的索引。如果想要更具体，可以向元素添加一个ID。

<div ID="B">
    <h3>subtitle</h3>
    <p>text</p>
</div>

<script>
    var x = document.getElementsByTagName('a')[0];

    if (x and x.style) {

        x.style.color='#F00';

    }
</script>