Id
-
[WebPage] 2. CSS 선택자(Selector) - 웹 페이지 제작 강좌Web/WebPage 2015. 6. 16. 17:46
2-2-2. CSS 선택자(Selector) - CSS 선택자는 CSS를 사용함에 있어 매우 중요한 요소입니다. - 만약 페이지 상의 요소를 타겟으로 삼는 선택자가 없다면 요소의 CSS 속성을 수정하는 유일한 방법은 style 속성을 이용해 스타일을 인라인으로 선언해야합니다. 1. 선택자 기초 - 선택자의 구조는 아래와 같습니다. - 선택자(Selector)로 H1 - 선택자의 선언부(Declaration)는 여러 개 일 수 있습니다(위 예제에선 2개의 선언부) - 선언부은 속성(Property)과 값(Value)으로 구성되어 있습니다. 2. 타입 선택자(Type Selector) - 처음 알아 볼 선택자는 타입 선택자 입니다. - 특정 태그 명을 가진 엘리먼트 전체를 제어하기 위해 사용합니다. CSS ..
-
[javascript] 57. DOM HTML - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:37
JavaScript HTML DOM - Changing HTML HTML DOM은 HTML 요소의 내용을 변경 할 수 있게 자바스크립트에게 허용합니다. 1. Changing the HTML Output Stream 자바스크립트는 동적인 HTML 내용을 만들 수 있습니다. document.write()는 HTML 출력 스트림을 직접 작성하는 것 입니다. 1234567891011 document.write(Date()); cs * 문서가 로드가 된 후, document.write()를 사용하지 마세요. 문서에 덮어쓰게 됩니다. 2. Changing HTML Content HTML 요소의 내용을 바꿀때, 아래 문법을 사용합니다. document.getElementById(id).innerHTML = new H..
-
[javascript] 56. DOM 요소(DOM elements) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:37
JavaScript HTML DOM Elements 1. Finding HTML Elements 종종 자바스크립트에서, HTML 요소를 조작하기를 원합니다. 이러한 일을 하기 위해, 요소를 찾는 일을 먼저 해야합니다. 이러한 일을 하는 여러 가지 방법이 있습니다: - id를 통하여 HTML 요소 찾기 - tag 이름을 통하여 HTML 요소 찾기 - class 이름을 통하여 HTML 요소 찾기 - HTML 객체 집합을 통해서 HTML 요소 찾기 2. Finding HTML Elements by Id DOM에서 HTML 요소를 찾는 가장 쉬운 방법은 요소 아이디를 이용하는 것 입니다. 1var x = document.getElementById("intro");cs 요소를 찾았다면, 메소드는 요소를 객체로서 ..