버튼을 클릭하여 아래 단락에서 "파란색"을 "빨간색"으로 바꿉니다.
<div id="main">
<p>Mr Blue has a blue house and a blue car.</p>
<p>Mr Blue has a blue house and a blue car.</p>
</div>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
var str = document.getElementById("main");
var x = str.document.getElementsByTagName("p");
var res = x.innerHTML.replace(/blue/gi, "red");
document.getElementsByTagName("p").innerHTML = res;
}
</script>
</body>
</html>
DOM 메서드를 사용하여 문서에서 "파란색"문자열을 빨간색으로 바꾸려고했습니다. 원하는 결과를 얻지 못했습니다. 누구든지 코드를 봐주세요. 어떤 도움을 주시면 감사하겠습니다
코드에 여러 문제가 있습니다.
p
div에서 s 를 얻으려면
str.getElementsByTagName("p"); //and not str.document...
위의 문은 단일 요소가 아닌 컬렉션을 반환합니다. 따라서 컬렉션을 반복하고 교체해야합니다.
for(var i=0; i<x.length; i++) {
var res = x[i].innerHTML.replace(/blue/gi, "red");
x[i].innerHTML = res;
}
작업 예 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다