«dom» 태그된 질문

DOM (Document Object Model)은 XML 및 HTML과 같은 마크 업 언어의 요소를 프로그래밍 방식으로 참조하는 방법입니다. [javascript] 또는 DOM 파서가있는 다른 프로그래밍 언어와 함께 사용

5
특정 클래스가있는 가장 가까운 조상 요소 찾기
순수 JavaScript에서 특정 클래스가있는 트리에 가장 가까운 요소의 조상을 어떻게 찾을 수 있습니까? 예를 들어, 다음과 같은 나무에서 : <div class="far ancestor"> <div class="near ancestor"> <p>Where am I?</p> </div> </div> 그런 다음에 이것을 div.near.ancestor시도 p하고를 검색 하고 싶습니다 ancestor.
225 javascript  html  dom 
15
jQuery로 이미지가로드되었는지 (오류 없음) 확인
jQuery 라이브러리와 함께 JavaScript를 사용하여 정렬되지 않은 목록에 포함 된 이미지 축소판을 조작하고 있습니다. 이미지가로드되면 한 가지 작업을 수행하고 오류가 발생하면 다른 작업을 수행합니다. jQuery load()와 error()메소드를 이벤트로 사용 하고 있습니다. 이 이벤트 후 jQuery가 이벤트를 등록하기 전에 이미지가 이미로드되지 않았는지 확인하기 위해 이미지 DOM 요소에서 .complete를 확인하십시오. jQuery가 이벤트를 …
20
innerHTML로 스크립트를 삽입 할 수 있습니까?
에서를 사용하여 일부 스크립트를 페이지에로드하려고 innerHTML했습니다 <div>. 스크립트가 DOM으로로드되는 것처럼 보이지만 (적어도 Firefox 및 Chrome에서는) 실행되지 않습니다. 스크립트를 삽입 할 때 스크립트를 실행하는 방법이 innerHTML있습니까? 샘플 코드 : <!DOCTYPE html> <html> <body onload="document.getElementById('loader').innerHTML = '<script>alert(\'hi\')<\/script>'"> Shouldn't an alert saying 'hi' appear? <div id="loader"></div> </body> </html> 코드 스 니펫 실행Hide results스 …
7
동적 HTML을로드 한 후 클릭 이벤트를 추가하기위한 jQuery .live () 및 .on () 메소드
.live () 메서드가 더 이상 사용되지 않는 jQuery v.1.7.1을 사용하고 있습니다. 내가 겪고있는 문제는 다음을 사용하여 html을 요소에 동적으로로드 할 때입니다. $('#parent').load("http://..."); 클릭 이벤트를 나중에 추가하려고 시도하면 다음 방법 중 하나를 사용하여 이벤트를 등록하지 않습니다. $('#parent').click(function() ...); 또는 // according to documentation this should be used instead of .live() $('#child').on('click', …
23
Chrome / Mac에서 DOM 다시 그리기 / 새로 고침
때때로 Chrome은 완전히 유효한 HTML / CSS를 잘못 렌더링하거나 전혀 렌더링하지 않습니다. DOM 인스펙터를 파는 것만으로도 길을 잘못 인식하고 올바르게 다시 그리기에 충분하기 때문에 마크 업이 좋은 경우 일 수 있습니다. 이것은 특정 상황에서 다시 그리기를 강제하기 위해 코드를 배치 한 작업중 인 프로젝트에서 자주 (그리고 예측 가능하게) 충분히 발생합니다. …
16
jQuery-요소가 DOM에서 제거 될 때 이벤트 트리거
요소가 페이지에서 제거 될 때 일부 js 코드를 실행하는 방법을 찾으려고합니다. jQuery('#some-element').remove(); // remove some element from the page /* need to figure out how to independently detect the above happened */ 다음과 같은 이벤트가 있습니까? jQuery('#some-element').onremoval( function() { // do post-mortem stuff here }); 감사.
211 jquery  events  dom  triggers 
9
한 요소가 다른 요소에 포함되어 있는지 Javascript를 확인하는 방법
한 DOM 요소가 다른 DOM 요소의 자식인지 어떻게 확인할 수 있습니까? 이를위한 내장 된 방법이 있습니까? 예를 들면 다음과 같습니다. if (element1.hasDescendant(element2)) 또는 if (element2.hasParent(element1)) 그렇지 않으면 어떤 아이디어가 이것을 수행 하는가? 또한 크로스 브라우저 여야합니다. 또한 자녀가 부모 아래에 여러 수준으로 중첩 될 수 있다고 언급해야합니다.
201 javascript  dom 
5
자바 스크립트 DOM 제거 요소
DOM 요소가 존재하는지 테스트하고 존재하는 경우 삭제하고 존재하지 않는 경우 작성하십시오. var duskdawnkey = localStorage["duskdawnkey"]; var iframe = document.createElement("iframe"); var whereto = document.getElementById("debug"); var frameid = document.getElementById("injected_frame"); iframe.setAttribute("id", "injected_frame"); iframe.setAttribute("src", 'http://google.com'); iframe.setAttribute("width", "100%"); iframe.setAttribute("height", "400"); if (frameid) // check and see if iframe is already on page { //yes? Remove …
198 javascript  dom 
8
ReactJS의“외부”에서 컴포넌트 메소드에 액세스하는 방법은 무엇입니까?
ReactJS의“외부”에서 컴포넌트 메소드에 액세스 할 수없는 이유는 무엇입니까? 왜 불가능하고 해결 방법이 있습니까? 코드를 고려하십시오 : var Parent = React.createClass({ render: function() { var child = <Child />; return ( <div> {child.someMethod()} // expect "bar", got a "not a function" error. </div> ); } }); var Child = React.createClass({ render: …
183 javascript  reactjs  dom 
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.