通過帶有“:”（冒號）的屬性選擇元素

Question

在我的項目中，有一個庫生成元素的情況，我需要從那里選擇特定元素 - 這些元素恰好包含一個帶有“:”的屬性。
換句話說，我最終嘗試使用： document.querySelectorAll("[xml:space]") 。
但是，當在 Chrome 中測試時，它不起作用，也沒有選擇使用document.querySelectorAll("['xml:space']") - 他們都拋出了DOMException ：
http://i.imgur.com/GrjpL85.png

我的問題是，如何使上述選擇器返回具有xml:space屬性的元素列表？
謝謝！

Answer 1

你需要逃離冒號

document.querySelectorAll('[xml\\3A space]')

我使用https://mothereff.in/css-escapes來獲取上面的代碼:)

Answer 2

轉義:通過在它前面加上雙反斜杠\\\\

document.querySelectorAll("[xml\\:space]")

看到這個：

https://bugzilla.mozilla.org/show_bug.cgi?id=883044

Answer 3

也可以做

document.querySelectorAll('[id="xml:space"]')