반응형 웹프로그래밍/JavaScript3 [JavaScript] HTML - DOM, getElementById, getElementsByTagName, getElementsByClassName HTML DOM( Document Object Model) 웹 페이지를 로드할 때 브라우저는 DOM(Document Object Model) 모델을 만든다. HTML DOM의 경우 객체의 트리형식으로 만들어져 있다. 위의 그림을 차근차근 설명하면 처음에 문서에서 시작하여 시작 요소 하위 요소에는 와 가 존재하며 하위에는 이 이것의 하위 텍스트는 "Mytitle"이 존재한다. 마찬가지로 의 하위에는 와 이 하위요소로 있으며 의 경우 속성이 "href"가 된다. DOM 사용하는 이유? 객체 모델(DOM)을 통해 JavaScript의 필요한 기능을 얻을 수 있다. 자바스크립트 페이지 안에서 HTML 요소를 바꿀 수 있다. 자바스크립트 페이지 안에서 HTML 속성을 바꿀 수 있다. 자바스크립트 페이지 안에서 C.. 2023. 10. 5. [JavaScript] 자바스크립트 문법(JavaScript statements),주석, 변수(let, var) 자바스크립트 프로그램(JavaScript Programs) ● 컴퓨터 프로그램은 컴퓨터에 의해 "실행"되는 "명령"의 목록이다. ● 프로그래밍 언어에서 이러한 지침은 '문법(statements)'라고 한다. ● 자바스크립트 프로그래밍은 프로그래밍 문법이다. ● HTML안에서 JavaScript 프로그램이 웹브라우저에서 실행된다. 자바스크립트 문장(JavaScript Statements) ● 값(Values), 연산자(Operators), 표현식 키워드(Expresssions Keywords) 및 주석(Comments)으로 구성되어있다. ● 자바스크립트 프로그램에는 많은 JavaScript 문이 존재한다. ● 명령문은 실행된 순서대로 하나씩 실행된다. ● 자바스크립트 프로그램은 JavaScript Code.. 2023. 9. 20. [JavaScript] 자바스크립트 기본 및 특징, 자바스크립트를 배워야하는 이유? 자바스크립트 출력(innerHTML, document.write(), window.alert(), console.log()) 자바스크립트(JS)를 배워야 하는 이유? 자바스크립트(JavaScript)는 웹개발자가 기본적으로 알아야 하는 3가지 언어 중 하나이다. HTMl : 웹페이지의 내용물을 정의한다. CSS : 웹페이지의 레이아웃을 정의한다. JavaScript : 웹페이지의 프로그램 행동을 정의한다. 자바스크립트(JavaScript)소개 ● 자바스크립트는 개념적이든 디자인적이든 자바와는 완전히 다른 언어이다. ● 자바스크립트는 1995년에 Brendan Eich에 의해 개발되었고 1997년에 ECMA의 표준이 되었다. ● ECMA-262는 표준 공식 명칭이다. ECMAScript는 공식 언어 이름이다. 자바스크립트를 작성하는 곳 사이에 넣는다. 자바스크립트 함수와 이벤트 - 자바스크립트 함수는 자바스크립트 코드 안에서 요.. 2023. 9. 20. 이전 1 다음 728x90 반응형
