javascript - 我该如何修复此错误 "There is no attribute colorcode, selected or tabindex"

Question

colorthumbs[i].addEventListener('click', function(){
    var colorcode = this.getAttribute('colorcode');
    var thumbimg = document.getElementById('productthumbs').getElementsByTagName('img');
    for(var i = 0; i < thumbimg.length; i++) {

 <div id="colorpanel" style="border-bottom:1px solid lightgray;">
     <p><b>Select Color</b></p>
     <div class='productthumbs'>
         <img class="thumbimg" src="Images/p1s1c1.jpeg"  alt="color1" colorcode="1" selected="selected" style="border-color:brown;"/>
     </div>
</div>

这必须是 xhtml strict 1.0，仅此而已。一直在处理大量错误，现在只剩下最后三个错误了。

第 83 行，第 92 列:没有属性“colorcode”第 83 行，第 105 列:没有属性“selected”第 117 行，第 94 列:没有属性“tabIndex”

Answer 1

HTML 中没有名为“colorcode”的属性，你从哪里得到colorcode="1"？ selected 属性不适用于 img 标签，它适用于下拉菜单。从您的 img 标签中删除这两个。

我在您的代码中没有看到任何关于 tabindex 的内容，但我怀疑这是因为您将 index.html 中的“I”大写了。 XHTML 区分大小写，因此元素和属性名称通常为小写。

解决所有这三个问题，您的代码应该可以正常工作。