Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法读取属性';风格';未定义的,但样式有效_Javascript_Html_Css - Fatal编程技术网

Javascript 无法读取属性';风格';未定义的,但样式有效

Javascript 无法读取属性';风格';未定义的,但样式有效,javascript,html,css,Javascript,Html,Css,错误:未捕获类型错误:无法读取未定义的属性“样式”。当我选择输入时,样式是有效的。 此输入: var input = document.getElementById('pa_rama').value; var option = document.getElementById('pa_razmer').value; let ramka = document.getElementsByClassName('woocommerce-product-gallery__image');

错误:未捕获类型错误:无法读取未定义的属性“样式”。当我选择输入时,样式是有效的。 此输入:

var input = document.getElementById('pa_rama').value;
    var option = document.getElementById('pa_razmer').value;
    let ramka = document.getElementsByClassName('woocommerce-product-gallery__image');

       if(input == 'chernaya') {
    for(var i=0; i < input.length; i++) {
      ramka[i].style.border = '50px solid black';    
      ramka[i].style.boxShadow = 'none';
}   
} 
var input=document.getElementById('pa_-rama').value;
var option=document.getElementById('pa_razmer')。值;
让ramka=document.getElementsByClassName('woocommerce-product-gallery\uu image');
如果(输入='chernaya'){
对于(变量i=0;i

怎么了?

你应该看看这篇文章:

您可能需要做的是:

var input = document.getElementById('pa_rama').value;
    var option = document.getElementById('pa_razmer').value;
    let ramka = document.getElementsByClassName('woocommerce-product-gallery__image');

       if(input == 'chernaya') {
    for(var i=0; i < ramka.length; i++) { //I think you want to loop on ramka.lenght and not input.lenght, right ?
      ramka.item(i).style.border = '50px solid black';    
      ramka.item(i).style.boxShadow = 'none';
}   
} 
var input=document.getElementById('pa_-rama').value;
var option=document.getElementById('pa_razmer')。值;
让ramka=document.getElementsByClassName('woocommerce-product-gallery\uu image');
如果(输入='chernaya'){
对于(var i=0;i
检查是否在html底部添加了
js文件

或者尝试使用javascript中的
onload
函数

window.onload = function() {
   var input = document.getElementById('pa_rama').value;
   var option = document.getElementById('pa_razmer').value;
   let ramka = document.getElementsByClassName('woocommerce-product-gallery__image');

   if(input == 'chernaya') {
     for(var i=0; i < input.length; i++) {
       ramka[i].style.border = '50px solid black';    
        ramka[i].style.boxShadow = 'none';
      }   
   } 
}
window.onload=function(){
var输入=document.getElementById('pa_-rama')。值;
var option=document.getElementById('pa_razmer')。值;
让ramka=document.getElementsByClassName('woocommerce-product-gallery\uu image');
如果(输入='chernaya'){
对于(变量i=0;i
什么是
ramka
?你是说
i
而不是
i
?谢谢。我忘了应该是
ramka.length