본문 바로가기

분류 전체보기

 (185)
JAVASCRIPT ) Element 속성 API Element.getAttribute(name)속성값 가지고오기Element.setAttribute(name, value)속성 추가하기Element.hasAttribute(name);속성 유무 확인하기Element.removeAttribute(name);속성 제거하기 const la = document.querySelector('#la'); document.write( la.getAttribute('class') + "" ); //lalaladocument.write( la.hasAttribute('title') + "" ); //falsela.setAttribute('title', '타이틀입니다.'); //title 속성을 만듬document.write( la.hasAttribute('title'..
JAVASCRIPT ) DOM 제어대상 선택자 document.getElementsByTagName ("h1")html상에 태그를 가지고옴document.getElementsByClassName ("클래스명")html상에 class를 가지고옴document.getElementsByIdName ("아이디명")html상에 id를 가지고옴document.querySelector(".active, h1, #title")html상에 첫번째 태그, class, id를 가지고 오며 css표기법으로 사용한다.document.querySelectorAll("li")html상에 모든 태그, class, id를 가지고 오며 css표기법으로 사용한다.  getElementsByTagName, getElementsByClassName, getElementsByIdName ..
JAVASCRIPT ) 자바스크립트로 스타일 주기 자바스크립트로 스타일을 줄때는 아래의 구문처럼 사용한다.변수.style.스타일옵션 = "옵션값";  스타일 옵션값이 background-color 처럼 ' - '가 들어가면 카멜법으로 표기해야한다.  HTML CSS JavaScript
JAVASCRIPT ) 숫자판 예제 DIGIT! click!
JAVASCRIPT ) .length length는 인덱스+1을 의미한다.요소의 갯수가 아니다.const myA = [1004, 1005, 1006];myA[30] = 1007;let counterN = 0;for(let i=0; i");document.write(myA.length + "");document.write("요소의 갯수 : " + counterN);//1004,1005,1006,,,,,,,,,,,,,,,,,,,,,,,,,,,,1007//31//요소의 갯수 : 4  const aaa = [1,2,3];let countV = 0;aaa[100] = 10;document.write(aaa.length) // 101aaa.forEach((v) => { countV++;});document.write(countV); //4  문..
JAVASCRIPT ) 진수 표현법 진수 리딩let binaryV = 0b011010; //2진수: 0blet octalV = 043256; //8진수 : 0let decimalV = 51386; //10진수let hexadecimalV = 0x6A8FDD; //16진수 : 0xdocument.write(binaryV + octalV + decimalV + hexadecimalV);//7053151 let binaryV = 0b011010; //2진수: 0blet octalV = 043256; //8진수 : 0let decimalV = 51386; //10진수let hexadecimalV = 0x6A8FDD; //16진수 : 0xdocument.write((binaryV + octalV + decimalV + hexadecimalV).to..
JAVASCRIPT ) 객체 객체는 key(love)와 value(1005)로 이루어져있으며,객체는 순서를 보증하지 않는다.즉 index가 없다. const myO = { 'zard': 1004, 'love': 1005, 'cdr': 1006}document.write( myO + "");document.write( myO.cdr + "");document.write( myO['zard'] + "");// [object Object]// 1006// 1004 객체의 다양한 표기법const myO = { 'cdr': [ 1006, 1007, 1008], 'zard': 1004, 'love': ['hoho', 'haha', 'hihi']}// myO// myO.cdr// myO.cdr[0] / myO.cdr[..
JAVASCRIPT ) 배열 배열은 단위값으로 취급되며 아래와 같은 형태를 가진다.배열의 index값은 요소의 길이를 반환하는것이 아니다. offset 값이다. (.length 페이지에서 자세하게)배열은 동형의 자료모임이고, 요소의 자료형이 다른 모임은 list이다. 하지만 자바스크립트에서는 이 모두를 배열이라 한다. const array = ['a', 'b', 'c']; --- --- --- index 0 1 2 alert(array[0]); //aalert(array[1]); //balert(array[2]); //c  배열은 1차원배열, 2차원배열, 3차원배열 등으로 표현할 수 있으며문자(String)는 유사배열이기 때문에 아래와 같이 사용할 수 있다.숫자형은 배열이 ..

티스토리툴바