잡동사니에도 사랑을

[21.09.13] exam19(JavaScript) - document.getElementById("myid") 본문

JAVA_EE/JavaScript

[21.09.13] exam19(JavaScript) - document.getElementById("myid")

luvforjunk 2021. 9. 14. 00:43
728x90
반응형

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<style type="text/css">

        #myid {

               background: #ff0;

               font-size: 20px;

               font-weight: bold;

               color: #00f;

        }

</style>

<script type="text/javascript">

        function doPrint() {

               // 자바스크립트는 중복 아이디를 인식하지 못하고 가장 먼저 나타나는 id값만 인식한다.

               document.getElementById("myid").innerText = "스크립트가 실행되었습니다";

        }

</script>

</head>

<body>

        <h1 id="myid">안녕하세요.</h1>

        <h1 id="myid">자바스크립트 입니다.</h1>

        <h1 id="myid">강의 참 재미있죠?</h1>

        <a href="#" onclick="doPrint()">자바스크립트 함수 호출하기</a>

</body>

</html>

 

결과창1

 

결과창2

728x90
반응형

'JAVA_EE > JavaScript' 카테고리의 다른 글

[21.09.13] exam17 - var answer = eval(input);  (0) 2021.09.14
[21.09.13] exam18 - 스파게티 소스(에러가 발생하는 이유)  (0) 2021.09.14
[21.09.10] exam13  (0) 2021.09.10
[21.09.10] exam14  (0) 2021.09.10
[JavaScript] 문자열 변환(수식, 숫자, 정수, 대화상자 등)  (0) 2021.09.10
'JAVA_EE/JavaScript' Related Articles more