0620
JavaScript와jQuery
<!DOCTYPE html>
<html><head><meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>h1 태그입니다</h1>
<button onClick="set_h1()">h1태그문자열변경</button><br/>
<ul><li>문자열1</li><li>문자열2</li><li>문자열3</li></ul>
<button onClick="get_li()">li태그문자열가져오기</button>
<div id="result"></div>
</body>
</html>JavaScript
<script>
functionset_h1(){
varh1 = document.getElementsByTagName("h1");
varstr = h1[0].firstChild;
str.nodeValue= "JavaScript로문자열변경";
}
functionget_li(){
varli = document.getElementsByTagName("li");
varresult = document.getElementById("result");
for(varidxinli){
varstr = li[idx].firstChild;
result.innerHTML+= str.nodeValue+ "<br/>";
}
}</script>jQuery
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script><script>
functionset_h1(){$("h1").text("jQuery로문자열변경");
}
functionget_li(){
$("li").each(function(idx, obj){
varstr = $(obj).text();
$("#result").append(str + "<br/>");
});
}
</script>
코딩