[javascript] jQuery를 사용하여 div의 innerHTML을 바꾸는 방법은 무엇입니까?

JAVASCRIPT / 글쓴이

다음을 어떻게 달성 할 수 있습니까?

document.all.regTitle.innerHTML = 'Hello World';

jQuery를 사용하면 regTitle내 div ID는 어디에 있습니까?

답변

$("#regTitle").html("Hello World");

답변

HTML () 함수는 HTML의 문자열을 할 수 있으며, 효과적으로 수정합니다 .innerHTML속성을.

$('#regTitle').html('Hello World');

그러나 text () 함수는 지정된 요소의 (text) 값을 변경하지만 html구조는 유지합니다 .

$('#regTitle').text('Hello world');

답변

대신 jquery 객체가있는 경우 기존 내용 대신 렌더링하려는 경우 내용을 재설정하고 새로운 내용을 추가하십시오.

var itemtoReplaceContentOf = $('#regTitle');
itemtoReplaceContentOf.html('');
newcontent.appendTo(itemtoReplaceContentOf);

또는:

$('#regTitle').empty().append(newcontent);

답변

답은 다음과 같습니다.

//This is the setter of the innerHTML property in jQuery
$('#regTitle').html('Hello World');

//This is the getter of the innerHTML property in jQuery
var helloWorld = $('#regTitle').html();

답변

대답:

$("#regTitle").html('Hello World');

설명:

$와 같습니다 jQuery. 둘 다 jQuery 라이브러리에서 동일한 객체를 나타냅니다. "#regTitle"괄호 내부는이라고 선택 당신이 코드를 적용 할 HTML DOM (문서 객체 모델)의 어떤 요소 (들)을 식별하기 위해 jQuery 라이브러리에 의해 사용된다. #전은 regTitlejQuery를 말하고 regTitle는 DOM 내 요소의 id입니다.

여기에서 점 표기법은 내부 html을 괄호 사이에 배치하는 매개 변수 (이 경우에는)로 바꾸는 html 함수 를 호출하는 데 사용됩니다 'Hello World'.

답변

요소의 내부 HTML을 변경하는 방법을 제공하는 답변이 이미 있습니다.

그러나 Fade Out / Fade In과 같은 일부 애니메이션을 사용하여 HTML을 변경하면 내부 HTML을 즉시 변경하는 대신 변경된 HTML의 효과를 높일 수 있다고 제안합니다.

애니메이션을 사용하여 내부 HTML 변경

$('#regTitle').fadeOut(500, function() {
    $(this).html('Hello World!').fadeIn(500);
});

이것을 필요로하는 많은 함수가 있다면 내부 HTML을 변경하는 공통 함수를 호출 할 수 있습니다.

function changeInnerHtml(elementPath, newText){
    $(elementPath).fadeOut(500, function() {
        $(this).html(newText).fadeIn(500);
    });
}

답변

jquery에서 html 또는 text 함수를 사용하여 달성 할 수 있습니다

$("#regTitle").html("hello world");

또는

$("#regTitle").text("hello world");