프로그램 작성 dom

16

예를 들어 div 내부에 줄을 세는 방법이 있는지 궁금합니다. 다음과 같은 div가 있다고 가정합니다. <div id="content">hello how are you?</div> 여러 요소에 따라 div에는 1, 2, 4 줄의 텍스트가 포함될 수 있습니다. 스크립트가 알 수있는 방법이 있습니까? 즉, 자동 중단이 DOM에 전혀 표시되지 않습니까?

127 javascript html dom

11

자식 노드 인덱스 가져 오기

곧바로 자바 스크립트 (즉, jQuery 등과 같은 확장이 없음)에서 모든 자식 노드를 반복하고 비교하지 않고 부모 노드 내부의 자식 노드 인덱스를 결정하는 방법이 있습니까? 예 : var child = document.getElementById('my_element'); var parent = child.parentNode; var childNodes = parent.childNodes; var count = childNodes.length; var child_index; for (var i = 0; i …

125 javascript dom

6

innerText vs innerHTML vs label vs text vs textContent vs outerText

Javascript로 채워진 드롭 다운 목록이 있습니다. 로드시 표시 할 기본값을 결정하는 동안 다음 속성이 정확히 동일한 값을 표시한다는 것을 깨달았습니다. innerText innerHtml label text textContent outerText 내 자신의 연구에 따르면 벤치 마킹 테스트 또는 일부 비교 결과가 있지만 전부는 아닙니다. 나는 내 자신의 상식을 사용하고 동일한 결과를 제공하기 때문에 하나 …

124 javascript html dom

5

클래스 이름으로 DOM 요소 가져 오기

내가 사용하고 PHP DOM을 나는 주어진 클래스 이름을 가지고 DOM 노드 내의 요소를 얻기 위해 노력하고있어. 하위 요소를 얻는 가장 좋은 방법은 무엇입니까? 업데이트 :Mechanize 작업하기 훨씬 더 쉬운 PHP를 사용하게 되었습니다.

124 php css dom

6

jQuery에서 width, innerWidth 및 outerWidth, height, innerHeight 및 outerHeight의 차이점은 무엇입니까?

차이점이 무엇인지 확인하기 위해 몇 가지 예제를 작성했지만 너비와 높이에 대해 동일한 결과를 표시합니다. <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ var div = $('.test'); var width = div.width(); // 200 px var innerWidth = div.innerWidth(); // 200px var outerWidth = div.outerWidth(); // 200px var height = div.height(); // …

124 javascript jquery css dom styles

9

JavaScript로 선택한 옵션 텍스트 가져 오기

다음과 같은 드롭 다운 목록이 있습니다. <select id="box1"> <option value="98">dog</option> <option value="7122">cat</option> <option value="142">bird</option> </select> JavaScript를 사용하여 값이 아닌 실제 옵션 텍스트를 얻으려면 어떻게해야합니까? 다음과 같은 값을 얻을 수 있습니다. <select id="box1" onChange="myNewFunction(this.selectedIndex);" > 하지만 7122내가 원하는 것보다 cat.

124 javascript html dom drop-down-menu

8

라이브러리를 사용하지 않고 querySelectorAll을 사용할 수없는 경우 속성별로 요소를 가져 오나요?

<p data-foo="bar"> 당신은 어떻게 동등한 것을 할 수 있습니까? document.querySelectorAll('[data-foo]') querySelectorAll을 사용할 수없는 곳 은 어디 입니까? 최소한 IE7에서 작동하는 기본 솔루션이 필요합니다. IE6는 신경 쓰지 않습니다.

123 javascript dom

2

자바 스크립트 querySelector 대 getElementById [닫힌]

닫힘 . 이 질문은 의견 기반 입니다. 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 휴일 오년 전에 . 이 질문 개선 querySelector& querySelectorAll가 DOM요소 를 선택하는 새로운 방법 이라고 들었습니다 . 그들은 어떻게 기존의 …

122 javascript jquery dom

10

DOM에 HTML 문자열 추가

이 HTML 문자열을 추가하는 방법 var str = '<p>Just some <span>text</span> here</p>'; ID가있는 DIV에 'test'DOM에있는 ? (Btw div.innerHTML += str;는 허용되지 않습니다.)

121 javascript html dom browser

7

React.js : contentEditable에 대한 onChange 이벤트

contentEditable기반 제어에 대한 변경 이벤트를 수신하려면 어떻게합니까 ? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, document.body); http://jsfiddle.net/NV/kb3gN/1621/

120 javascript dom contenteditable reactjs

3

JavaScript를 사용하여 사용자 지정 속성 설정

The DynaTree (https://code.google.com/p/dynatree)를 사용하고 있지만 문제가 발생하고 누군가가 도움이되기를 바랍니다. 다음과 같이 페이지에 트리를 표시하고 있습니다. <div id="tree"> <ul> <li class="folder">Outputs <ul> <li id="item1" data="icon: 'base.gif', url: 'page1.htm', target: 'AccessPage'">Item 1 Title <li id="item2" data="icon: 'base.gif', url: 'page2.htm', target: 'AccessPage'">Item 2 Title <li id="item3" data="icon: 'base.gif', url: 'page3.htm', target: 'AccessPage'">Item …

119 javascript dom dynatree

10

querySelectorAll을 사용하여 직계 자식 검색

나는 이것을 할 수있다 : <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); 즉, myDivclass 가있는 요소 의 모든 직계 자식을 성공적으로 검색 할 수 있습니다 .foo. 문제는 요소 #myDiv에 대해 쿼리를 실행하고 있기 때문에 선택자에를 포함해야한다는 myDiv점입니다 (분명히 중복 됨). 나는 #myDiv꺼둘 수 있어야 하지만 선택자는 …

119 javascript dom css-selectors

5

jQuery에서 인덱스로 요소 가져 오기

정렬되지 않은 목록과 li해당 목록에 태그 색인이 있습니다. li해당 인덱스를 사용하여 요소 를 가져 와서 배경색을 변경해야합니다. 전체 목록을 반복하지 않고도 가능합니까? 이 기능을 수행 할 수있는 방법이 있습니까? 여기에 내 코드가 있습니다. <script type="text/javascript"> var index = 3; </script> <ul> <li>India</li> <li>Indonesia</li> <li>China</li> <li>United States</li> <li>United Kingdom</li> </ul> <script …

117 jquery dom get

3

Chrome 개발자 도구에서 XPath 또는 CSS 선택기를 사용하여 DOM 요소를 검색하는 방법은 무엇입니까?

http://code.google.com/chrome/devtools/docs/elements.html 문서 는 XPath 또는 CSS 선택기를 지원한다고 말했지만 시도했을 때 작동하지 않는 것 같습니다. 아무도 그것을 사용하는 방법을 알고 있습니까?

116 dom google-chrome google-chrome-devtools

6

DOM이 렌더링을 마친 후 지시문을 어떻게 실행할 수 있습니까?

분명하지 않은 겉보기에 간단한 문제가 있습니다 (Angular JS 문서를 읽음) 해결책 있습니다. DOM에서 컨테이너의 높이를 정의하기 위해 다른 DOM 요소의 높이를 기반으로 일부 계산을 수행하는 Angular JS 지시문이 있습니다. 이와 비슷한 것이 지시문 내부에서 진행됩니다. return function(scope, element, attrs) { $('.main').height( $('.site-header').height() - $('.site-footer').height() ); } 문제는 지시문이 실행될 때 …

115 jquery dom callback angularjs document-ready

«dom» 태그된 질문