如何在javascript中获取（X）HTML DOM 中元素名称的原始大小写？-解网

问：

我读到 HTML 总是从 Node.prototype.nodeName 和 HTMLElement.prototype.tagName 全部大写，但不是 HTML 的 XML 元素保留在原始大小写中。

这不是我发现的。一切都变成了大写字母，对着我们的脸尖叫着“我们留在 1980 年代！

<html>
  <body>
    <script>
const e = document.createElement('fooBar');
document.firstElementChild.insertBefore(e, document.firstElementChild.firstElementChild);
    </script>
    <p>
      <span>Hello</span>
      <script>       document.currentScript.parentElement.firstElementChild.innerText = e.nodeName + " (" + e.namespaceURI + ")";
      </script>
    </p>
  </body>
</html>

现在真正的真相是什么？

我怎样才能恢复原来的案件？

如何保存案例？

我知道我可以创建一个，然后我在其中创建的节点保持区分大小写。new Document()

我想如果我将HTML文档声明为XHTML，它应该是小写的并保留大小写。如何在HTML DOM中保留XML的大小写？

更新

尽管这个问题几乎已经得到了解答，但这里仍然有一个奇特的观察结果，这是来自 Chrome 控制台的

t = document.createElement('test')
<test></test>

t.namespaceURI
'http://www.w3.org/1999/xhtml'

u = document.createElement('TEST')
<test></test>

v = document.createElementNS(t.namespaceURI, t.nodeName)
<TEST></TEST>

w = document.createElementNS(t.namespaceURI, 'test')
<test></test>

x = document.createElementNS(t.namespaceURI, 'TEST')
<TEST></TEST>

y = document.createElementNS(t.namespaceURI, 'Test')
<Test></Test>

z = document.createElementNS('s', 'Test')
<Test></Test>

[t, u, v, w, x, y, z].map(e => e.nodeName)
(7) ['TEST', 'TEST', 'TEST', 'TEST', 'TEST', 'TEST', 'Test']

请注意，虽然据说 Chrome 无法分辨标签名称的大小写，但在 XHTML 命名空间中，它实际上确实在自己的内部树显示中突然知道了它。然而，我无法找到它如何做到这一点，因为似乎没有方法或方法可以找到原始情况。

这是Firefox控制台的相同内容，它无法执行Chrome似乎可以执行的操作：

t = document.createElement('test')
<test>

t.namespaceURI
"http://www.w3.org/1999/xhtml"

u = document.createElement('TEST')
<test>

v = document.createElementNS(t.namespaceURI, t.nodeName)
<test>

w = document.createElementNS(t.namespaceURI, 'test')
<test>

x = document.createElementNS(t.namespaceURI, 'TEST')
<test>

y = document.createElementNS(t.namespaceURI, 'Test')
<test>

z = document.createElementNS('s', 'Test')
<Test>

[t, u, v, w, x, y, z].map(e => e.nodeName)
Array(7) [ "TEST", "TEST", "TEST", "TEST", "TEST", "TEST", "Test" ]

因此，虽然Firefox与我选择的答案相匹配，但Chrome有一些额外的怪癖，仍然可以获得原始拼写。

javascript html xml dom xhtml

<!DOCTYPE html>
<html>
  <body>
    <script>
const e = document.createElementNS('', 'fooBar');
document.firstElementChild.insertBefore(e, document.firstElementChild.firstElementChild);
    </script>
    <p>
      <span>Hello</span>
      <script>
         document.currentScript.parentElement.firstElementChild.innerText = e.nodeName;
      </script>
    </p>
  </body>
</html>

如何在javascript中获取（X）HTML DOM 中元素名称的原始大小写？

How to get the original case of element names in (X)HTML DOM in javascript?

评论

评论