jquery $(".classname").html("test_text");와 같은 의미를 갖고있는 Javascript 문법은 어떤게 있나요?
조회수 412회
$(".classname").html("test_text");
이런식으로 jquery를 사용하여 클래스에 text를 html로 쌓았습니다.
최대한 Jquery문법을 사용하지 않고 싶은데 같은 의미로 클래스에 문자열을 쌓을 수 있는 javascript 문법이 뭐가 있을까요?
document.getElementById("test_id").innerHTML = "<p>123</p>"
와 같이 id에는 쌓았는데
document.getElementByClassName("test_class").innerHTML = "<p>123</p>"
는 왜 동작을 안할까요?
1 답변
-
getElementsByClassName()
은HTMLCollection
이라는 걸 반환합니다. 이게 일종의 목록이거든요. 따라서 원하시는 작업을 하려면 그 목록에 대한 순회를 돌리셔야 합니다.var elems = document.getElementsByClassName('classname'); for (i = 0, len = elems.length; i < len; i++) { elems[i].innerHTML = '<p>123</p>'; }
댓글 입력