> 웹 프론트엔드 > H5 튜토리얼 > className 및 href의 예에 대한 자세한 설명

className 및 href의 예에 대한 자세한 설명

零下一度
풀어 주다: 2017-06-29 11:14:52
원래의
2217명이 탐색했습니다.

JS 및 a href

href에서 세미콜론의 끝과 닫는 따옴표에 주의하세요

<a>空链接</a><a>弹出</a>
로그인 후 복사

className 및 href의 예에 대한 자세한 설명


일반적으로 코딩할 필요는 없으며 일반적으로 비워두어도 됩니다. 비어 있으면 파운드 기호 '#'을 사용하지만 별로 좋지 않습니다.


className


<style>#div1 {width:100px; height:100px; border:1px solid black;}.box {background:red;}</style><script>function toRed()
{var oDiv=document.getElementById(&#39;div1&#39;);
    
    oDiv.className=&#39;box&#39;;             //不要写成class
}</script><input><div></div><p>1. getelementbyId가 id에 연결되어 있지만 클래스에 연결할 방법이 없습니다. </p>
로그인 후 복사
getElementById() Return 지정된 ID를 가진 첫 번째 개체에 대한 참조입니다.
getElementsByName() 지정된 이름을 가진 개체 컬렉션을 반환합니다.
getElementsByTagName() 지정된 태그 이름을 가진 개체 컬렉션을 반환합니다.

className을 기반으로 인덱스 스타일을 생성하려면 JS를 사용해야 합니다. getelement 뒤에 보조 속성인 '.className'을 추가해야 합니다.

추가한 후에는 원래 ID를 지정한 태그가 해당 ID에 대한 스타일을 인덱싱할 뿐만 아니라 '파운드 기호'에서 동시에 ID에 대한 스타일을 색인화합니다.


2. ; 태그에 이미 class=xxx 속성이 있으며, 이벤트 작업이 함수로 연결되면 class=xxx가 class=box

로 수정됩니다.

클래스 =xxx가 없으면 포함됩니다. 스크립트를 실행할 때

에서 스타일 = XXX를 지정하지 않으면 getelement.style.backgroud도 자동으로 생성됩니다

getelement. + style/ class / type / href / value 등. 변경하고 싶다면 추가하세요. 매우 편리하고 선택 사항입니다.

이것은 단지 방법일 뿐입니다.

- 도중에 getelement ['value']도 있습니다. 괄호와 따옴표, 그리고.(점)은 동일합니다. 일반적으로 특별한 경우가 아니면 ['']는 사용되지 않습니다. ', 그러면 ['a']는 [' '너비'']가 됩니다. 이는 getelement ['속성']의 개념에 부합하지 않습니다.

이때 처리 방법은 따옴표 없이 [a]가 될 수 있습니다!

-

oDiv

.className

='box' 대신 모두 사용할 수 있습니다. ' ;

다중 레이어도 가능합니다. oDiv

['style']['width'] = '40px'- 언제 ['']를 사용해야 합니까? 값이며 때로는 속성을 나타내기 위해 속성 이름에 전달되어야 합니다. 이 경우 ['']JS 임베디드 html 실행 시퀀스: -execute 이벤트 액션, 지정된 JS를 실행합니다. 지정된 id 태그를 수정하는 함수.

JS 임베디드 html 코드 작성 순서:

- 어떤 효과를 변경할지 생각하고, 지정된 효과 태그에 id/class를 표시하고, 또는 #을 사용하여 { style}을 만듭니다. CSS 변경 로직을 작성하기 위해 ID를 호출하고, 이벤트 함수로 이를 트리거합니다.

위 내용은 className 및 href의 예에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿