我的javascript脚本，用于更改css don'；我好像不工作

因此，我尝试使用复选框来更改“添加”标记的样式。他们的垂直对齐是超级的，然后我要求他们改变正常，但他们没有回应。smae文件中的另一个javascript工作正常。

getElementsByTagName

返回一个HTML集合-您需要迭代该集合以更改集合中每个元素的样式

大概是这样的：

function normToggle(){
document.getElementById('normToggle').onclick = function(){
    if(document.getElementById('normToggle').checked){
    document.getElementsByTagName('add').style.verticalAlign= 'baseline';
    }else{
        document.getElementsByTagName('add').style.verticalAlign= 'super';
    }
};
document.getElementsByTagName('add').style.verticalAlign= 'super';
document.getElementById('normToggle').checked = false;
}

---

现在看看代码，您不太可能有名为

的元素！！！这是HTML中的某种错误吗？

使用console.log查看您的目标元素您实际上可能能够使用CSS:checked选择器，具体取决于您的HTML结构如何执行此操作。我必须查看HTML才能确定。我使用xsl将xml文件转换为XHTML。XML包含标记，尽管您的代码看起来很好，但仍然存在一些问题。因为我使用了一个样板，我研究了源代码，也许我遗漏了一些东西。

function normToggle() {
    var setAlign = function (align) {
        [].forEach.call(document.getElementsByTagName('add'), function(tag) {
            tag.style.verticalAlign = align;
        });
    }
    document.getElementById('normToggle').addEventListener('click', function() {
        setAlign(this.checked ? 'baseline' : 'super');
    });
    setAlign('super');
    document.getElementById('normToggle').checked = false;
}