나는 돔이 있습니다.
<div id="abc">
<svg width="240" height="200"></svg>
<svg width="240" height="200"></svg>
<svg width="240" height="200"></svg>
</div>
나는 이것을 변수에 복사하고 있습니다.
var target = document.getElementById('abc');
이제 모든 svg 태그의 너비 / 높이를 240/200 대신 100 %로 변경하고 싶습니다. 어떻게하니. 이것이 제가 시도한 것입니다 .......
var $elem = $('<div>').html(target);
var $img = $elem.find('svg');
for (i = 0; i < $img.length; i++) {
console.log($img[i]);
$img[i].css('height', '100%');
$img[i].css('width', '100%');
}
당신이 CSS를 호출하려는 DOM등의 목적 인덱서 JQuery와 객체의 컬렉션 제공 DOM목적, 당신은 사용해야합니다 EQ ()를 호출의 jQuery 객체를 얻기 위해 css그것을
var $elem = $('<div>').html(target);
var $img = $elem.find('svg');
for (i = 0; i < $img.length; i++) {
console.log($img[i]);
$img.eq(i).css('height', '100%');
$img.eq(i).css('width', '100%');
}
편집 : 의견에 따라.
CSS를 사용하면 요소의 스타일 속성에 영향을줍니다. 높이와 너비 속성을 설정하려면 CSS 대신 attr이 필요할 것입니다.
$img.eq(i).attr('height', '100%');
$img.eq(i).attr('width', '100%');
또는 removeAttr을 사용하여 속성 너비 및 높이를 제거한 다음 css()
$img.eq(i).removeAttr('height');
$img.eq(i).removeAttr('width');
$img.eq(i).css('height', '100%');
$img.eq(i).css('width', '100%');
제안 : Rajaprabhu Aravindasamy가 지적한 것처럼 각각을 사용하는 것이 더 간단한 해결책입니다.
$img.each(function() {
$(this).css('height', '100%');
$(this).css('width', '100%');
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다