본문 바로가기

전체 글227

객체를 만들고 그안에 html 넣고 조립하는 것 객체를 만들고 그안에 html 넣고 조립하는 것 실제로 - 처음부터 없던 것인데, 나중에 추가되는 데이터에 이 방법을 쓴다. 엄마 ul에 class 를 넣는다. 그리고 스크립트로 가서 자식 appendChild를 추가한다. 2022. 10. 29.
클래스로 불러오기 클래스로 불러오기 css 로 가서 클래스를 넣은 후 .special { background : pink; } 클래스를 불러온다. var link =document.querySelector('.girl a'); link.className='special'; 구글에 핑크 백그라운드가 적용되었다. 2. 요즘은 link.className(덧붙이기가 안 된다는 이유) 보다는 link.classList.add 를 더 많이 쓴다. 필요한 것을 추가해서 쓸 수 있기 때문이다. css에 추가한 스타일 .link-google { color:red; } 스크립트에서 var link =document.querySelector('.girl a'); link.classList.add('special'); 넣어주었다. 뺨! 3. .. 2022. 10. 29.
이미지 테두기 주기와 링크속성 주소 불러오기 이미지 테두리 주기 반복문 for문을 써서 테두리 주기 속성 값을 가져오고 세팅하는 법 링크속성 주소 불러오기 겟어트리뷰트에서 클래스를 불러올 경우, 동적으로 주소를 바꿀 때, 셑어트리뷰트를 사용한다 ->제이슨에서 데이터를 가져와서 정보를 이용해서 html의 내용을 셋팅할 때 사용 2022. 10. 28.
자바스크립트 이미지 불러오기와 쿼리셀렉터 getElementByTag 나 getElementById 보다는 쿼리셀렉터를 더 많이 쓴다. querySelector가 대세 자바스크립트로 이미지 불러오기를 했다 querySelector 를 보라... 쿼리셀렉터는 CSS를 불러온다. 이번엔 쿼리셀렉터로 이미지를 불러오자. 근데 #을 꼭 붙여야 한다. 클래스일 경우, 점을 찍는다. ---->.girl 이렇게 해서 출력했다. 2022. 10. 28.