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栏：没有“选定”属性第117行，第94栏：没有属性“tabIndex”

Answer 1

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

我的代码中没有看到关于tabindex的内容，但我怀疑是因为你将索引中的“I”大写了。 XHTML区分大小写，因此元素和属性名称通常是小写的。

修复所有这三项，您的代码应该可以正常工作。

Answer 2

您正在尝试在HTML中使用不存在的属性。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img

如果您想在代码中添加自定义属性，请尝试以下操作：Can I add custom attribute to HTML tag?

如何修复此错误“没有属性颜色代码，已选中或tabindex”

2 个答案: