3

Следующий код

function go() {
  console.log(document.querySelectorAll("*|*"));
}
<div>Some div</div>
<a:div>Smth from a</a:div>
<b:any>Smth from b</b:any>
<p>Just a p</p>
<button onclick="go()">Find</button>

находит все элементы на странице:

0: html
1: head
2: style
3: body
4: div
5: a:div
6: b:any
7: p
8: button
9: script
length: 10

А как найти только те, у которых задан нестандартный namespace?

0: a:div
1: b:any
length: 2

2 ответа 2

2

Могу на JQuery элементы с заранее известными нэймспейсами нати.

function go() {
  $('.result').append($('a\\:div'));
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>Some div</div>
<a:div>Smth from a</a:div>
<b:any>Smth from b</b:any>
<p>Just a p</p>
<button onclick="go()">Find</button>
<div class="result"></div>

Можно и без JQuery:

function go() {

    var elements = document.getElementsByTagNameNS('*','*');

    found = [];

    [].forEach.call(elements, function(element) {
        if (element.nodeName.indexOf(':') > 0) {
            found.push(element);
        }
    });

    found.forEach(function(element) {
        document.getElementById("result").appendChild(element);
    });
}

В сниппете код почему-то не работает, а при загрузке страницы из файла в Google Chrome — работает.

Почему вы не используете JQuery?

12
  • В каком браузере (современном) не будет работать, например?
    – andreymal
    6 июл 2015 в 19:05
  • Сейчас поискал: вроде, этот метод везде будет работать. А, всё же, почему без JQuery?
    – user184926
    6 июл 2015 в 19:25
  • Работать должно везде, начиная с IE9.
    – Qwertiy
    6 июл 2015 в 19:30
  • 1
    Лично я принципиально не использую jQuery, потому что считаю абстракцию над абстракцией над абстракцией [для мобильных девайсов вставить ещё одно «над абстракцией» здесь] над абстракцией от железа в 99% случаев крайне избыточной, особенно учитывая, что и без него можно писать вполне приемлемый и рабочий код вроде приведённого в ответе. А почему автор не использует — не знаю
    – andreymal
    6 июл 2015 в 19:33
  • 1
    @andreymal jQuery нужен для написания более короткого (иногда ещё ради кроссбраузерности) кода. Не знаю про какие 3 абстракции речь, но, например, в C# вы бы тоже не стали использовать все библиотеки? Написали бы всё сами, как-то не создав при этом "абстракцию"? Пусть код будет длиннее, пусть в нём скорее всего больше ошибок, чем в отлаженной библиотеке, пусть на это уйдёт больше времени, зато без библиотек... Можно пойти дальше: посчитать C# ненужной абстракцией и начать писать всё на Ассемблере.
    – Regent
    7 июл 2015 в 2:09
1

Сделал так:

function go() {
  console.log(Array.prototype.filter.call(document.querySelectorAll("*|*"), function(el) {
    return ~el.tagName.indexOf(":");
  }));
}
<div>Some div</div>
<a:div>Smth from a</a:div>
<b:any>Smth from b</b:any>
<p>Just a p</p>
<button onclick="go()">Find</button>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.