В чем разница между createElementNS с префиксом и без него?

Question

В JS связан с страницей XHTML, я создаю новые элементы, используя createElementNS, например:

const NS = 'http://my.site/xmlns'; 
const el1 = document.createElementNS(NS, 'custom'); 
const el2 = document.createElementNS(NS, 'p:custom'); 

Я не могу понять, в чем разница между элементом созданным с префиксом пространства имен во втором аргументе и созданные без Это. Например, эти правила CSS имеют одинаковый эффект на оба элементов:

@namespace p url('http://my.site/xmlns'); 
p|custom { background: yellow; } 

Далее вызов document.getElementsByTagNameNS(NS, 'custom') возвращающей HtmlCollection с как элементов, в то время как document.getElementsByTagNameNS(NS, 'p:custom') возвращает пустой HtmlCollection, что кажется мне странным.

Так в чем же разница между созданием элементов с префиксом пространства имен и без него?

Answer 1

document.createElementNS() ожидает, что вторым параметром будет квалифицированное имя тега. p:custom - это квалифицированное имя тега, поэтому document.createElementNS(NS, 'p:custom') вернее; Я подозреваю, что причина document.createElementNS(NS, 'custom') работ связана с унаследованными причинами.

document.getElementsByTagNameNS(), с другой стороны, ожидает, что вторым параметром будет местное имя тега. custom - локальное имя тега. (Если custom не имеет пространства имен, то это также его полное имя.)

Поскольку ваши элементы в пространстве имен, и их квалифицированное имя не p:custom, их местное название custom, и поэтому document.getElementsByTagNameNS(NS, 'p:custom') возвращает ничего, потому что p:custom не их местное имя.