3-1 HTML + Javascript

김형석·2022년 4월 13일
0

codemate-javascript

목록 보기
4/20

js로 html 텍스트 변경

HTML

<body>
    <h1>Hello world!</h1>
    <button onclick="changeText()">click me</button> <!-- 버튼을 눌렀을때, changeText를 실행-->
    <script src="index.js"></script> <!-- index.js 파일을 실행 -->
</body>

JS

function changeText(){  //함수정의
    const h1 = document.getElementsByTagName('h1') //모든 h1 태그를 가져옴 (배열로 저장)
    h1[0].innerText="모각코 파이팅!" //h1[0]:배열의 첫번째를 선택
}
profile
블로그 이사 : https://hengxi.tistory.com

0개의 댓글

관련 채용 정보