자바스크립트 학습 게시판입니다.
글 등록하기 | 내글 관리하기 | 연재글 | 보관함
첨부파일 https://eond.com/javascript/389504

HTML

<div id="a">h1</div>
<div id="b"><input type="text" /></div>

CSS

input{display:block;border:0;border-bottom:1px solid #ddd;line-height:2em;padding:0 10px;margin-bottom:10px;}
.h1{font-size:2em}
.h2{font-size:1.5em}
.h3{font-size:1.17em}
.h4{font-size:1em}
.h5{font-size:0.84em}

JAVASCRIPT

var sum ='';
for(var i = 1 ; i <= 5 ; i++){
  //i = i.toString();
  var k ='<h'+i+'>내가 원하는 건 h'+i+'</h'+i+'>';
  sum+=k;
}

document.getElementById('a').innerHTML= '결과물<hr>'+sum

//
var sum ='';
for(var i = 1 ; i <= 5 ; i++){
  //i = i.toString();
  var k ='h'+i+'<input type="text" class="h'+i+'" placeholder="제목을 입력해주세요">';
  sum+=k;
}

document.getElementById('b').innerHTML= '결과물<hr>'+sum

코멘트 0
접기/펴기 | 댓글 새로고침
 
 
Total 79 articles in 1 / 4 pages
번호 제목 제목 글쓴이 글쓴이 날짜날짜 조회 수
공지 자바스크립트 관련 유용한 링크 모음집 (러닝은빛) 파일 이온디 2015/08/27 447
공지 자바스크립트 추천 사이트 [1] 이온디 2015/08/06 335
79 [팁] send email javascript attach file 이온디 2020/05/16 17
78 엔터키를 자동으로 BR 태그로 변환하여 주는 스크립트 이온디 2020/05/16 6
77 [팁] 정규식 테스트 사이트 모음 이온디 2019/11/12 25
76 [기초] 별을 순서대로 점점 적게, 점점 많이 이온디 2020/05/07 3
75 [팁] 카카오지도 내 위치 이온디 2020/03/05 17
74 [팁] offset().top 오류 이온디 2019/04/27 582
73 [팁] 프레임셋 안에서 주소창 주소변경하기 이온디 2019/04/06 174
72 [라이브러리] 제이쿼리 패럴랙스 이온디 2018/07/17 42
71 [팁] animation json lottie 이온디 2018/03/28 31
70 [editor] Froala Editor 이온디 2017/10/22 35
69 [팁] 얇은 스크롤바 이온디 2017/10/11 81
68 [팁] li 더블클릭 편집 이온디 2017/09/12 47
67 [팁] 핫키 소스 이온디 2017/06/29 43
현재글 [기초] 자바스크립트 innerHTML 을 이용한 H1~H5 자동입력 이온디 2017/05/17 65
65 [차트] Chart.js 파일 이온디 2017/03/29 497
64 [라이브러리] 가격 범위 슬라이더 스크립트(1) - Ion.RangeSlider 이온디 2017/01/02 223
63 [라이브러리] 비밀글 parallax.js 패럴럭스 스크립트 이온디 2016/07/18 0
62 [팁] 자바스크립트 카운터 및 가격 계산 이온디 2016/07/03 1857
61 [라이브러리] 자바스크립트 로딩바 progressbar.js 이온디 2016/06/17 120
60 [라이브러리] 자바스크립트 로딩바 nprogress 이온디 2016/06/17 115

해시태그 디렉터리