안녕하세요. 웹 컴포넌트 관련으로 궁금한 점이 있습니다.

클라우드푸딩   
   조회 1892   추천 0    



안녕하세요.

웹 디자인을 시작한 지 얼마 되지 않은 초보라 어리석은 질문으로 보여도 양해를 부탁드립니다.


<!-- Index -->
<Body>
    <box />
</Body>

<!-- Component -->
<div class="box">

    <div class="icon">
        <i class="icon_A" />
    </div>

    <div class="text">
        <h1>Hello, World!</p>
        <p>Hello, World!</p>
    </div>

</div>

이런 코드 상에서 인덱스 상에서 속에 있는 텍스트와 i의 클래스를 어떻게 변경하는지 궁금합니다. 감사합니다.

 
짧은글 일수록 신중하게.
김동영남 2022-12
     
덕분에 상당히 유용한 자료를 획득했습니다. 답변 감사합니다.
흑기사 2022-12
1) 페이지 바뀔때마다 조건에 따라 class가 바뀌어야 한다.
 서버사이드(php, jsp 등 서버측에서 돌아가는 스크립트)에서 태그 이름 출력할때 class="" 안을 바꾸면 됩니다. 굳이 자바스크립트까지 해서 복잡하게 할 필요 없습니다.

2) 페이지 로드 언로드 안된 상태에서 동적으로 바꾸고 싶다.
 자바스크립트로 조작해야 합니다. 대상 태그에 id 부여되어 있다면 document.getElementById('id').className='클래스명' 으로 바꿀 수 있습니다.
 id 부여 안했다면 DOM 뒤져야 하기 때문에 아주 복잡한 코드 나올겁니다.
 그리고 jQuery 안쓰고도 가능하지만, 업무에서 쓴다면 앞에분 말씀대로 jQuery 쓰는게 유리합니다. 코드가 간략해진만큼 빨리 만들 수 있거든요.
로그인 하시면 댓글을 남길 수 있습니다


QnA
쓰기
제목Page 431/5724
2014-05   5235001   1 정은준1
2015-12   1761354   1  백메가
2022-12   2658   1 미르르
2022-12   2490   1 LevinF
2022-12   1893   1 클라우드푸딩
2022-12   1479   1 클라우드푸딩
2022-12   2884   1 jkaem
2022-12   2593   1 developer
2022-12   1633   1 유호준
2022-12   2032   1 땅쟁이
2022-12   1360   1 허우대
2022-12   1884   1 막내의하루
2022-12   2220   1 허우대
2022-12   1564   1 jkaem
2022-12   1791   1  김준유
2022-12   3078   1  송상병
2022-12   2024   1  스마트폰
2022-12   3843   1 허인구마틴
2022-12   7272   1 범이님
2022-12   1914   1 바램쓰
2022-12   2945   1 StaK
2022-12   2336   1 흥마
목록
쓰기