HTML 요소 값을 잡아

Question

어떻게 PHP 나 자바 스크립트를 사용하여 html 요소 값을 얻을 수 있습니까? DOM 준비 이벤트와 함께 jQuery를 사용해 보았습니다.하지만 문제는 어딘가에서 동적으로로드되는 값이 DOM 준비 이벤트와 함께 jQuery를 사용할 때 DOM이 준비되었지만 값이 발생한다는 것입니다. 요소의 빈 (아직로드되지 않은) 및 jQuery 함께 값을 잡을 때 요소의로드 된 전에 잡아 오전 때문에 그것은 요소의 빈 값을 제공합니다.

어떻게로드 한 후에 값을 가져올 수 있습니까? 어떤 종류의 방아쇠 또는 사건이 있습니까?

도움이나 의견을 보내 주시면 감사하겠습니다.

허용되는 솔루션은 작동하지만, 난이 더 나은 생각 :

<script type="text/javascript"> 
var bool = false; 
    jQuery('.element').bind('DOMNodeInserted', function() { 
    if(bool == false) { 
     alert("DOM NODE INSERTED !"); 
     bool = true; 
    } 
    }); 
</script> 

Answer 1

아래 window.load 사용해보십시오 :

$(window).load(function() { 
    // Run code 
    }); 

이 페이지가 완전히 처음로드 될 것을 보장합니다

덧글 추가. 로드 이벤트는 이와 같은 단일 요소에 할당 할 수 없습니다. window.load 이벤트를 사용하려면 모든 요소가로드 될 때까지 기다려야합니다 (전체 페이지). 이 경우

function checkStatus() { 
     var check = $(#yourELEMENT NAME) 
     if (check == null) { 
     //Change the time to whatever you like 
     setTimeout("checkStatus()", 100); 
    } else { 
    ... 
    } 
    } 

당신이 설정 될 수 있도록 충분해야하고 당신이 원하는대로 당신이 그것을 조작 할 수있는 요소가로드 될 때까지 약간의 시간을 기다립니다 : 그러나, 내가 당신을 제안 할 수있는 것은 같은입니다. 그리고 마지막으로, 그것이 당신을 위해 작동하는 경우 대답을 받아주십시오.

Answer 2

이것은 PHP와 많이 비슷하지만 JavaScript와 비슷합니다.

페이지가 렌더링 된 후에 요소가로드되면 (값을 사용하여) 페이지 아래쪽에 스크립트 요소를 넣는 것이 종종 효과가 있습니다. 당신이 뭔가에 대해 얘기하는 경우

당신은 사용자/브라우저에서 약간의 변화를 위해 대기하는 경우 등

를 온 클릭 onchange를, 및 onblur, onMouseover와, 때 onKeyPress, 등의 이벤트에 연결해야합니다 그 외에는 jQuery를 사용하면 jQuery 자체 준비 함수가 있습니다.

$(document).ready(function() { 
console.log("ready!"); 
}); 

Answer 3

다음과 같은 것을 사용할 수 있습니다. 물론

$("#Blaah").load(function(){ 
//Code 
}); 

, 당신은 요소가로드 될 때 감지, 당신은 어떤 CSS 선택기를 사용할 수있는 ID를 사용할 필요가 없습니다. http://api.jquery.com/on/ :

Answer 4

$(function() { 
    // after doc loads will get innerHTML of #myElement 
    var elementContents = $("#myElement").html(); 
}); 

이

$(function() { 
    $("#myDiv").load("ajax/test.html #container"); 
});