«dom» 태그된 질문

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



8
요소가 페이지에 추가 될 때 알림을 받으려면 어떻게해야합니까?
DOM 요소가 페이지에 추가 될 때 선택한 기능을 실행하고 싶습니다. 이것은 브라우저 확장과 관련이 있으므로 웹 페이지는 독립적으로 실행되며 소스를 수정할 수 없습니다. 내 옵션은 무엇입니까? 이론적 setInterval()으로는 요소의 존재를 지속적으로 검색하고 요소가있는 경우 내 작업을 수행 하는 데 사용할 수 있지만 더 나은 접근 방식이 필요하다고 생각합니다.



15
모범 사례 : HTML id 또는 이름 속성으로 양식 요소에 액세스 하시겠습니까?
노련한 JavaScript 개발자가 알고 있듯이 동일한 작업을 수행하는 방법은 너무 많습니다. 예를 들어, 다음과 같은 텍스트 필드가 있다고 가정하십시오. <form name="myForm"> <input type="text" name="foo" id="foo" /> JavaScript로 이것을 액세스하는 방법은 여러 가지가 있습니다 : [1] document.forms[0].elements[0]; [2] document.myForm.foo; [3] document.getElementById('foo'); [4] document.getElementById('myForm').foo; ... and so on ... 방법 [1]과 [3]은 …
136 javascript  html  forms  dom 

3
document.addEventListener와 window.addEventListener의 차이점은 무엇입니까?
PhoneGap을 사용하는 동안을 사용하는 기본 JavaScript 코드가 document.addEventListener있지만 다음을 사용하는 자체 코드가 있습니다 window.addEventListener. function onBodyLoad(){ document.addEventListener("deviceready", onDeviceReady, false); document.addEventListener("touchmove", preventBehavior, false); window.addEventListener('shake', shakeEventDidOccur, false); } 차이점은 무엇이며 어떤 것이 더 낫습니까?

2
지정된 위치에서 요소 가져 오기-JavaScript
Javascript를 사용하여 주어진 위치에서 요소를 어떻게 식별 할 수 있습니까? 기본적으로 두 개의 입력 매개 변수 (x 및 y 좌표)를 사용하여 매개 변수로 표시된 화면의 위치에서 html 요소를 반환하는 함수를 작성하려고합니다.
133 javascript  html  dom 

5
querySelector, 와일드 카드 요소 일치?
다음을 사용하여 와일드 카드 요소 이름을 일치시키는 방법이 있습니까? querySelector 또는 querySelectorAll? 속성 쿼리에서는 와일드 카드를 지원하지만 요소 자체는 지원하지 않습니다. 구문 분석하려는 XML 문서는 기본적으로 단순한 속성 목록이며 이름에 특정 문자열이있는 요소를 찾아야합니다. XML 문서가 필요할 경우 구조 조정이 필요할 수도 있지만 실제로는 그렇지 않을 것입니다. 더 이상 사용되지 …

5
데이터베이스에서 동적 HTML 문자열 컴파일
그 상황 Angular 앱 내에는 ng-bind-html-unsafe 속성을 가진 div를 포함하는 컨트롤러가 지원하는 Page라는 지시문이 중첩되어 있습니다. 이것은 'pageContent'라는 $ scope var에 할당됩니다. 이 var는 데이터베이스에서 동적으로 생성 된 HTML을 할당받습니다. 사용자가 다음 페이지로 넘어 가면 DB에 대한 호출이 이루어지고 pageContent var가이 새로운 HTML로 설정되어 ng-bind-html-unsafe를 통해 화면에 렌더링됩니다. 코드는 다음과 …

6
nodeValue 대 innerHTML 및 textContent. 선택하는 방법?
레이블 요소의 내부 텍스트를 변경하기 위해 일반 js를 사용하고 있으며 innerHTML 또는 nodeValue 또는 textContent를 사용해야하는 근거를 확신하지 못했습니다. 새 노드를 만들거나 HTML 요소 등을 변경할 필요가 없습니다. 텍스트 만 바꾸십시오. 코드의 예는 다음과 같습니다. var myLabel = document.getElementById("#someLabel"); myLabel.innerHTML = "Some new label text!"; // this works myLabel.firstChild.nodeValue = …

7
자바 스크립트를 사용하여 링크를 생성하려면 어떻게합니까?
제목 문자열과 링크 문자열이 있습니다. Javascript를 사용하여 페이지에 링크를 만들기 위해 두 가지를 결합하는 방법을 모르겠습니다. 도움을 주시면 감사하겠습니다. EDIT1 : 질문에 더 많은 세부 사항 추가. 내가 이것을 알아 내려는 이유는 RSS 피드가 있고 제목과 URL 목록이 있기 때문입니다. 페이지를 유용하게 만들기 위해 제목을 URL에 연결하고 싶습니다. EDIT2 : …

2
window.location.href, window.location.replace 및 window.location.assign의 차이점
차이점은 무엇입니까 window.location.href="http://example.com"; window.location.replace("http://example.com"); window.location.assign("http://example.com"); 나는 window.location.assign()현재 세션 기록을 대체하는 많은 포럼에서 읽었 으므로 브라우저의 뒤로 버튼이 작동하지 않습니다. 그러나 나는 이것을 재현 할 수 없습니다. function fnSetVariable() { //window.location.href = "http://example.com"; window.location.replace("http://example.com"); //window.location.assign("http://example.com"); } <a onmouseover="fnSetVariable();" href="PageCachingByParam.aspx?id=12" > CLICK </a>
128 javascript  dom  location 

8
순수 JavaScript에서 요소의 클래스를 어떻게 토글합니까?
이 jQuery 코드 (반응 형 메뉴 섹션에서 사용됨)를 순수 JavaScript로 변환하는 방법을 찾고 있습니다. 구현하기 어려운 경우 다른 JavaScript 프레임 워크를 사용해도됩니다. $('.btn-navbar').click(function() { $('.container-fluid:first').toggleClass('menu-hidden'); $('#menu').toggleClass('hidden-phone'); if (typeof masonryGallery != 'undefined') masonryGallery(); });
128 javascript  dom  toggle 

5
JavaScript는 이름으로 요소 가져 오기
이 기능을 고려하십시오. function validate() { var acc = document.getElementsByName('acc').value; var pass = document.getElementsByName('pass').value; alert (acc); } 그리고이 HTML 부분 : <table border="0" cellpadding="2" cellspacing="0" valign="top"> <tr> <td class="td1">Account</td> <td class="td2"><input type="text" name="acc" /></td> </tr> <tr class="td1"> <td>Password</td> <td class="td2"><input type="password" name="pass" /></td> </tr> </table> <div><button onClick="validate()" class="cupid-greenx">Login now</button></div> 경고 …
127 javascript  html  dom 

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.