«dom» 태그된 질문

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

25
요소에 JavaScript의 클래스가 포함되어 있는지 확인 하시겠습니까?
jQuery가 아닌 일반 JavaScript를 사용하여 요소 에 클래스 가 포함되어 있는지 확인하는 방법이 있습니까? 현재, 나는 이것을하고있다 : var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case "class3": test.innerHTML = "I …
585 javascript  html  css  dom 
16
jQuery는 객체에 등록 된 이벤트 핸들러를 찾습니다.
На этот вопрос есть ответы на Stack Overflow на русском : JQuery пои обработчика события объекта 객체에 등록 된 이벤트 핸들러를 찾아야합니다. 예를 들면 다음과 같습니다. $("#el").click(function() {...}); $("#el").mouseover(function() {...}); $("#el")한 클릭 하고 마우스 오버 등록. 그것을 알아 내고 이벤트 처리기를 반복 할 수있는 기능이 있습니까? 적절한 메소드를 통해 jQuery …
555 jquery  events  dom 
9
jQuery 또는 getElementById와 같은 DOM 메소드가 요소를 찾지 못하는 이유는 무엇입니까?
무엇에 대한 가능한 이유는 document.getElementById, $("#id")또는 기타 DOM 방법 / jQuery를 선택자는 요소를 발견하지? 문제의 예는 다음과 같습니다. jQuery가 자동으로 이벤트 핸들러를 바인드하지 못함 jQuery를 "게터"방법 ( .val(), .html(), .text()) 반환undefined null몇 가지 오류가 발생하여 표준 DOM 메서드가 반환 되었습니다. 잡히지 않은 TypeError : null의 속성 '...'을 설정할 수 없습니다 …
483 javascript  jquery  dom 
12
jQuery를 사용하여 HTML 요소를 작성하는 가장 효율적인 방법은 무엇입니까?
최근에 나는 많은 모달 창 팝업을 수행하고 있었고 그렇지 않은 것은 jQuery를 사용했습니다. 페이지에서 새 요소를 만드는 데 사용한 방법은 다음과 같이 엄청나게 많습니다. $("<div></div>"); 그러나 이것이 최선의 방법이 아니라는 생각이 들었습니다. 성능 관점에서 jQuery에서 요소를 작성하는 가장 좋은 방법은 무엇입니까? 이 답변 에는 아래 제안에 대한 벤치 마크가 있습니다.
425 javascript  jquery  html  dom 
24
보이는 DOM에 요소가 있는지 어떻게 확인할 수 있습니까?
방법을 사용하지 않고 요소가 존재하는지 어떻게 테스트 getElementById합니까? 참조 용 라이브 데모 를 설정했습니다 . 또한 여기에 코드를 인쇄합니다. <!DOCTYPE html> <html> <head> <script> var getRandomID = function (size) { var str = "", i = 0, chars = "0123456789abcdefghijklmnopqurstuvwxyzABCDEFGHIJKLMNOPQURSTUVWXYZ"; while (i < size) { str += chars.substr(Math.floor(Math.random() * 62), …
16
JavaScript를 사용하여 선택 상자 요소의 값을 프로그래밍 방식으로 설정하려면 어떻게합니까?
다음 HTML <select>요소가 있습니다. <select id="leaveCode" name="leaveCode"> <option value="10">Annual Leave</option> <option value="11">Medical Leave</option> <option value="14">Long Service</option> <option value="17">Leave Without Pay</option> </select> leaveCode숫자를 매개 변수로 사용하는 JavaScript 함수를 사용 하여 목록에서 적절한 옵션을 어떻게 선택합니까?
420 javascript  html  dom 
30
React 컴포넌트 외부의 클릭 감지
이 기사 에서 설명하는 것처럼 클릭 이벤트가 구성 요소 외부에서 발생했는지 감지하는 방법을 찾고 있습니다. jQuery closest ()는 click 이벤트의 대상에 부모 요소 중 하나 인 dom 요소가 있는지 확인하는 데 사용됩니다. 일치하는 경우 click 이벤트는 하위 중 하나에 속하므로 구성 요소 외부에있는 것으로 간주되지 않습니다. 그래서 내 구성 요소에서 …
410 javascript  dom  reactjs 
5
HTML에서 속성과 속성의 차이점은 무엇입니까?
jQuery 1.6.1에서 변경된 후에 HTML에서 속성과 속성의 차이점을 정의하려고했습니다. jQuery 1.6.1 릴리스 노트 (하단 근처) 의 목록을 보면 HTML 속성 및 속성을 다음과 같이 분류 할 수 있습니다. 속성 : 부울 값이 있거나 selectedIndex와 같이 UA 계산 된 모든 항목입니다. 속성 : 부울이 아니거나 UA 생성 값을 포함하지 않는 HTML …
12
HTMLCollection 요소의 For 루프
에서 모든 요소의 id를 가져 오려고합니다 HTMLCollectionOf. 다음 코드를 작성했습니다. var list = document.getElementsByClassName("events"); console.log(list[0].id); for (key in list) { console.log(key.id); } 그러나 콘솔에서 다음과 같은 결과가 나타납니다. event1 undefined 내가 기대 한 것이 아닙니다. 왜 두 번째 콘솔 출력 undefined이지만 첫 번째 콘솔 출력은 event1무엇입니까?
405 javascript  dom 
12
불변 위반 : _registerComponent (…) : 대상 컨테이너가 DOM 요소가 아닙니다
사소한 React 예제 페이지를 만든 후이 오류가 발생합니다. 잡히지 않는 오류 : 고정 위반 : _registerComponent (...) : 대상 컨테이너가 DOM 요소가 아닙니다. 내 코드는 다음과 같습니다. /** @jsx React.DOM */ 'use strict'; var React = require('react'); var App = React.createClass({ render() { return <h1>Yo</h1>; } }); React.renderComponent(<App />, document.body); …
387 javascript  dom  reactjs 
4
offsetWidth, clientWidth, scrollWidth 및 -Height 각각 이해
OffsetWidth / clientWidth / scrollWidth (및 -Height)와 관련하여 StackOverflow에 대한 몇 가지 질문이 있지만 해당 값이 무엇인지에 대한 포괄적 인 설명은 없습니다. 또한 웹상에서 혼란 스럽거나 잘못된 정보를 제공하는 여러 출처가 있습니다. 시각적 힌트를 포함하여 완전한 설명을 제공 할 수 있습니까? 또한 이러한 값을 사용하여 스크롤 막대 너비를 계산할 수 …
385 html  css  dom 
18
요소가 DOM에 보이는지 확인
순수 JS (jQuery 없음)에서 요소가 표시되는지 확인할 수있는 방법이 있습니까? 따라서 예를 들어 Performance Bikes 페이지에서 거래 (상단 메뉴의 거래) 위로 마우스를 가져 가면 거래 창이 표시되지만 처음에는 표시되지 않았습니다. HTML에 있지만 표시되지 않습니다. 따라서 DOM 요소가 주어지면 표시 여부를 어떻게 확인할 수 있습니까? 나는 시도했다 : window.getComputedStyle(my_element)['display']); 그러나 작동하지 …
377 javascript  dom 
5
React의 Virtual DOM 개념이 더티 모델 검사보다 성능이 뛰어난 이유는 무엇입니까?
나는 ( Pete Hunt : React : Rethinking best practice-JSConf EU 2013 ) 에서 React dev 강연을 보았고 발표자는 모델의 더러운 확인이 느릴 수 있다고 언급했습니다. 그러나 대부분의 경우 가상 DOM이 모델보다 커야하므로 가상 DOM 간의 차이를 계산하는 것이 실제로 성능이 떨어 집니까? Virtual DOM (특히 서버 측 렌더링)의 잠재력을 …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.