Странное поведение clientHeight для изображения

У меня есть функция, которая работает в Firefox:Странное поведение clientHeight для изображения

function widthimg() { 
      var wheight = document.getElementById('recent-img1'); 
      console.log(wheight.clientHeight); 
      document.getElementById('recent-img2').style.height = wheight.clientHeight +'px'; 
        }

, но не в хром, хром не показывает изображение на всех (изображение с 0) высотой.

Weird вещь, оба элемента изображения:

<div class="col-lg-6 col-sm-6 margin-top-60 zoominmouse"> 
    {{HTML::image('images/recentprojects1.png','recent',array('class' => 'img-responsive img-center image-popup-vertical-fit', 'id' => 'recent-img1')) }} 
</div> 
<div class="col-lg-6 col-sm-6 margin-top-60 zoominmouse" id="test"> 
    {{ HTML::image('images/pricing1.png','recent',array('class' => 'img-responsive img-center image-popup-vertical-fit', 'id' => 'recent-img2')) }} 
</div>

Итак, как светлячок считывает свойство wheight.clientHeight я думал, дать этому попытку:

function widthimg() { 
      var wheight = document.getElementById('recent-img1'); 
      console.log(wheight.clientHeight); 
      document.getElementById('recent-img2').clientHeight = wheight.clientHeight; 
        }

как сейчас передайте clientHeight для clientHeight, что имеет смысл для меня, но это не работает ни в одном из обоих браузеров.

Так что мои 3 вопроса:

Что я могу сделать, чтобы сделать функцию, работая в хроме?
Почему я не могу передать clientHeight клиентуHeight?
Есть ли возможность сделать оба изображения высотой img1 с помощью css?

источник

2014-12-03 baao

clientHeight только для чтения, просто используем высота – dandavis

@dandavis как раз высота не работает. – baao

Высота должна работать, и это R/W для загрузки ... независимо от пропеллера, убедитесь, что изображение загружено перед измерением ... – dandavis

могут быть использованы как это:

function widthimg() { 
    var wheight = document.getElementById('recent-img1'); 
    console.log(wheight.clientHeight); 
    document.getElementById('recent-img2').clientHeight = wheight.clientHeight; 
    console.log(document.getElementById('recent-img2').clientHeight); 
      } 

<body onload="widthimg()"> 
// rest of your html 
</body>

источник

2014-12-03 04:47:13

вы должны получить высоту Img1 только после загрузки изображения, так что вы можете установить Img2 высоту как

img1.onload = function() { 
    img2.height = img1.height; 
}

источник

2014-12-03 04:23:41 webon

Я не мог бы сказать это лучше. – dandavis

Странное поведение clientHeight для изображения

ответ

Смежные вопросы