인라인이 아닌 스타일을 얻는 방법은 무엇입니까? js 및 jquery를 사용하여 비인터라인 스타일 얻기

이 글에서는 참고할만한 가치가 있는 js와 jquery에서 비인터라인 스타일을 얻는 관련 지식을 주로 소개합니다. 아래 에디터로 살펴보겠습니다.

스타일은 인터라인 스타일과 비인터라인 스타일로 구분됩니다. 일반적으로 인라인 스타일은 하나의 요소에만 적용할 수 있기 때문에 거의 사용되지 않는 반면, 인터라인되지 않은 스타일은 동일한 유형의 요소(즉, 동일한 태그 또는 동일한 이름을 가진 요소)에 적용할 수 있습니다. 물론 ID 이름은 동일하거나 고유할 수 없습니다.)

그럼 때로는 너비나 높이와 같은 요소의 스타일을 가져와야 하는 경우가 있습니다. 얻으려면 ?

js in

1. 인터라인 스타일:

저는 모두를 믿습니다. 책을 읽는 중입니다 어쨌든 여러분은 인터라인 스타일을 얻는 방법, 즉 스타일을 사용하는 방법을 알고 있습니다.

이 스타일 사용 방법은 인터라인 스타일만 얻을 수 있습니다.

2. 비인터라인 스타일

여기서는 에디터에서 편집, 실행하지 않고 바로 캡슐화된 함수를 추가하겠습니다

function getStyle(obj,attr)
{
    if(obj.currentStyle)
　　   {
        return obj.currentStyle[attr];
      }
    else
     return getComputedStyle(obj,null)[attr];//放null参数的那个地方放false也可以，只要带一个参数，值您任意，高兴就好。
 }

좋아, 이렇게 간단한 함수를 캡슐화하고 행간 요소가 아닌 요소를 가져올 때 호출하면 됩니다(ps: 예: getStyle(op,'width'))

jquery에서

사실 jquery에서도 js와 동일한 캡슐화된 함수를 사용해야 한다고 생각했는데, 알고 보니 메서드를 직접 사용할 필요는 없었습니다.

먼저 jquery에서 width() 및 height() 메서드를 사용합니다. (이 두 메서드는 콘텐츠 영역의 너비와 높이만 가져오고, 가져온 데이터 유형은 숫자입니다.) (ps: 이 외에도 또한, innerWidth()와 innerHeight() 두 가지 메소드는 박스 모델에서 패딩과 테두리를 포함한 너비와 높이를 구하는 것입니다)

구하는 또 다른 방법이 있습니다 인터라인 스타일이 아닌 경우에는 css() 메소드를 사용하세요. 이 메소드로 얻은 데이터 유형은 string

그렇습니다.

【 관련 추천사항】

1.

무료 js 온라인 동영상 튜토리얼

2.

JavaScript 중국어 참조 매뉴얼

3. >php.cn Dugu Jiujian (3) - JavaScript 비디오 튜토리얼

위 내용은 인라인이 아닌 스타일을 얻는 방법은 무엇입니까? js 및 jquery를 사용하여 비인터라인 스타일 얻기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!