Вопросы с тегом «dom»

Объектная модель документа (DOM) - это способ программно ссылаться на элементы языка разметки, такого как XML и HTML. Используйте с [javascript] или любым другим языком программирования, который имеет синтаксический анализатор DOM

16
Как я могу подсчитать текстовые строки внутри элемента DOM? Могу я?
Мне интересно, есть ли способ, например, подсчитать строки внутри div. Скажем, у нас есть такой div: <div id="content">hello how are you?</div> В зависимости от многих факторов, div может содержать одну, две или даже четыре строки текста. Есть ли способ узнать об этом сценарий? Другими словами, представлены ли вообще автоматические разрывы …
127 javascript  html  dom 
6
В чем разница между width, innerWidth и outerWidth, height, innerHeight и outerHeight в jQuery
Я написал несколько примеров, чтобы увидеть, в чем разница, но они показывают мне те же результаты для ширины и высоты. <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(); // …
125 javascript  jquery  css  dom  styles 
11
Получить индекс дочернего узла
В прямом javascript (т.е. без расширений, таких как jQuery и т. Д.), Есть ли способ определить индекс дочернего узла внутри его родительского узла без повторения и сравнения всех дочерних узлов? Например, var child = document.getElementById('my_element'); var parent = child.parentNode; var childNodes = parent.childNodes; var count = childNodes.length; var child_index; for …
125 javascript  dom 
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.
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 элемент с заданным именем класса. Как лучше всего получить этот подэлемент? Обновление: в итоге я использовал MechanizePHP, с которым было намного проще работать.
124 php  css  dom 
8
Получить элементы по атрибуту, когда querySelectorAll недоступен без использования библиотек?
<p data-foo="bar"> Как вы можете сделать эквивалент document.querySelectorAll('[data-foo]') где querySelectorAll это не доступно ? Мне нужно собственное решение, которое работает хотя бы в IE7. Меня не волнует IE6.
124 javascript  dom 
2
Javascript querySelector и getElementById [закрыто]
Закрыто . Этот вопрос основан на мнении . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы на него можно было ответить с помощью фактов и цитат, отредактировав этот пост . Закрыт 5 лет назад . Уточните этот вопрос Я слышал, что querySelector& querySelectorAll- это …
122 javascript  jquery  dom 
10
Добавление строки HTML в DOM
Как добавить эту HTML-строку var str = '<p>Just some <span>text</span> here</p>'; в DIV с идентификатором, 'test'который находится в DOM? (Кстати, div.innerHTML += str;это не приемлемо.)
121 javascript  html  dom  browser 
7
React.js: событие onChange для contentEditable
Как мне прослушать событие изменения для 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/
3
Установить собственный атрибут с помощью JavaScript
Я использую 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 …
119 javascript  dom  dynatree 
10
Использование querySelectorAll для получения прямых потомков
Я умею это делать: <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); То есть я могу успешно получить всех прямых потомков myDivэлемента, у которого есть класс .foo. Проблема в том, что меня беспокоит, что я должен включить #myDivв селектор, потому что я выполняю запрос к myDivэлементу (поэтому …
5
Получить элемент по индексу в jQuery
У меня есть неупорядоченный список и индекс liтега в этом списке. Мне нужно получить liэлемент, используя этот индекс, и изменить его цвет фона. Возможно ли это без зацикливания всего списка? Я имею в виду, есть ли какой-нибудь метод, который мог бы достичь этой функциональности? Вот мой код, который, я считаю, …
117 jquery  dom  get 
3
Как искать элементы DOM с помощью селекторов XPath или CSS в инструментах разработчика Chrome?
В документе http://code.google.com/chrome/devtools/docs/elements.html говорится, что он поддерживает селекторы XPath или CSS, но когда я попробовал, у меня не получилось. Кто-нибудь знает, как им пользоваться?
6
Как я могу запустить директиву после завершения рендеринга dom?
У меня, казалось бы, простая проблема без очевидного (читая документацию Angular JS) решения. У меня есть директива Angular JS, которая выполняет некоторые вычисления на основе высоты других элементов DOM для определения высоты контейнера в DOM. Что-то похожее на это происходит внутри директивы: return function(scope, element, attrs) { $('.main').height( $('.site-header').height() - …
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.