the length of a string</p>
<p id="demo"></p>
<script>
let txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
... ument.getElementById("demo").innerHTML = sln;
</script>
</body>
</html>
Finding a String in a String
in... e of a specified text:</p>
<p id="demo"></p>
<script>
let str = "Please locate where 'locate' occu... getElementById("demo").innerHTML = pos; // 7
</script>
</body>
</html>
%%JavaScript%%는 0부터 위치를 계산합니다.
he match.</p>
<p id="demo"></p> <!-- 6 -->
<script>
let str = "Visit W3Schools!";
let n = st... ocument.getElementById("demo").innerHTML = n;
</script>
</body>
</html>
Using String search() With a Re... he match:</p>
<p id="demo"></p> <!-- 6 -->
<script>
let str = "Visit W3Schools!";
let n = st... ocument.getElementById("demo").innerHTML = n;
</script>
</body>
</html>
Using String replace() With a S
<div id="myDIV">I am a DIV element</div>
<script>
function myFunction() {
document.g... 버튼 클릭 시 mystyle클래스가 myDIV 에 추가됨 */
}
</script>
</body>
Definition and Usage
classList 속성은 요소... <div id="myDIV">I am a DIV element.</div>
<script>
function myFunction() {
document.g... anotherClass thirdClass"> 로 변경되고 CSS가 적용됨*/
</script>
</body>
Example
<div> 요소에서 클래스를 제거합니다.
<he
<p>A Global variable can be accessed from any script or function.</p>
<p id="demo"></p> ... <!-- I can display All New Rexton -->
<script>
var carName = "All New Rexton";
... TML = "I can display " + carName;
}
</script>
</body>
</html>
전역 변수(Global variables)는 JavaS... olvo
<p id="demo2"></p> // undefined
<script>
myFunction();
function myFunctio
Internet Explorer 8 and earlier versions.</p>
<script>
function myFunction() {
var x, i;
... .style.backgroundColor = "red";
}
}
</script>
</body>
Definition and Usage
querySelectorAll(... orted in Internet 8 and eralier versions.</p>
<script>
function myFunction() {
var x = docume... ckground color of the first <p> element
}
</script>
</body>
Example
문서에서 class="example"인 모든 <p> 요
="myBtn">Try it</button>
<p id="demo"></p>
<script>
document.getElementById("myBtn").addEventLis... ElementById("demo").innerHTML = Date();
}
</script>
</body>
</html>
addEventListener() 메서드는 지정한 요소...
사용자가 요소를 클릭하면 “Hello World!” alert 창이 나타납니다.
<script>
document.getElementById("myBtn").addEventLis... tion () {
alert("Hello World!");
})
</script>
외부의 명명된 함수를 참조할 수도 있습니다.
예제
사용자가 요소를 클릭하면 “Hel
: shlim@repia.com
lastupdate : 2021-03-31
The <script> Tag
HTML에서, 자바스크립트 코드는 <script>와 </script> 태그 사이에 삽입됩니다.
예제
JavaScript in Body
document.getElementById('demo').innerHTML ... First JavaScript";
이전 JavaScript 예제에서는 type 속성: <script type="text/javascript">을 사용할 수 있습니다.
type 속성은 필요
xample
첫 번째 <p> 요소에 클래스 이름을 추가합니다.
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<style>
.intro {
font-size: 15... class name to the first p element</button>
<script>
$(document).ready(function () {
$(... ').addClass('intro');
});
});
</script>
</body>
Definition and Usage
addClass() 메서드는
