<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src ="../js/jquery-3.2.1.js"></script>
</head>
<script>
$(function(){
var input = prompt('글자색을 오렌지색으로 바꿀 id값을 입력하세요','#');
$(input).css('color','orange');
});
</script>
<body>
<h1 id="target">'#target' : 오렌지 색 !</h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src ="../js/jquery-3.2.1.js"></script>
</head>
<script>
$(function(){
var changeColor = prompt('글자색을 변경할 색상을 입력하세요');
$('#target').css('color', changeColor);
});
</script>
<body>
<h1 id="target">'#target' : 카멜레온 ! </h1>
</body>
</html>
' sundries' 카테고리의 다른 글
| 1-14 동위 선택자 (0) | 2018.01.11 |
|---|---|
| 1-11 특정 class 속성을 가지는 태그 선택자 (0) | 2018.01.11 |
| 1-8 여러개의 태그 선택자 (0) | 2018.01.11 |
| 1-7 태그 선택자 (0) | 2018.01.11 |
| 1-7 클래스 선택자 (0) | 2018.01.11 |
