在JavaScript中按語言檢索元標記的內容

Question

這個問題與javascript中的Get meta data屬性不是重復的。 我想通過語言獲得meta name 。

HTML代碼中包含以下內容：

<meta name="DC.Subject" xml:lang="pl" content="wróg" />
<meta name="DC.Subject" xml:lang="en" content="enemy" />

HTML中還有其他meta name標簽。

使用以下方法很容易獲得第一個DC.Subject的內容：

document.getElementsByName("DC.Description")[0].getAttribute("content"))

第二個是

document.getElementsByName("DC.Description")[1].getAttribute("content"))

但這不是特定於語言的 。 但是，如何通過在JavaScript中使用xml:lang=獲得DC.Description的內容？

Answer 1

您可以按以下方式使用document.querySelector ：

 var plMeta = document.querySelector('[xml\\\\:lang="pl"][name="DC.Subject"]'); console.log(plMeta); 

 <meta name="DC.Subject" xml:lang="pl" content="wróg"> <meta name="DC.Subject" xml:lang="en" content="enemy"> 

這是一個相關的問答，可以更深入地了解涉及名稱空間的CSS選擇器： 是否可以使用HTML的.querySelector（）通過SVG中的xlink屬性進行選擇？

Answer 2

您需要轉義屬性名稱中有問題的:字符：

 var xml_lang_elements = document.querySelectorAll('[xml\\\\:lang][name="DC.Subject"]'); for (var i = 0; i < xml_lang_elements.length; i++) { console.log(xml_lang_elements[i].getAttribute('content')); } 

 <meta name="DC.Subject" xml:lang="pl" content="wróg" /> <meta name="DC.Subject" xml:lang="en" content="enemy" />