獲取標記名稱值javascript

Question

我試圖從下面的代碼行中獲取名稱的標記名。我不得不使用javascript

<preference name="webviewbounce" value="false" /> 

從下面的標記名取的名字我需要得到webviewbounce

這是我知道的。

document.getElementsByTagName("preference") 

但它不給我偏好名。我想要的是名稱的標記名是webviewbounce

Answer 1

使用document.querySelector來獲取元素。它將返回第一個匹配的元素。然後使用getAttribute從元素中獲取所需的屬性。 如果有與相同標記名的多個標籤元素，使用document.querySlectorAll

var getElem = document.querySelector('preference'), 
 
    getNameProperty = getElem.getAttribute('name'); 
 
console.log(getNameProperty)

<preference name="webviewbounce" value="false" />

Answer 2

嘗試：

document.getElementsByName("webviewbounce"); 

這會得到具有webviewbounce

Answer 3

名稱元素getElementsByTagName將要返回一個收藏n個元素。然後，您可以使用getAttribute()獲取集合中第一個項目的name屬性。

console.log(document.getElementsByTagName("preference")[0].getAttribute('name')); 

Answer 4

const p = document.getElementsByTagName('preference') 
 

 
console.log(p[0]) 
 
// <preference name="webviewbounce" value="false">…</preference> 
 

 
console.log(p[0].getAttribute('name')) 
 
// webviewbounce

<preference name="webviewbounce" value="false" />

Answer 5

考慮到這是你的偏好標籤的第一要素。這會給document.getElementsByTagName（「preference」）[「0」]。命名該名稱。行代碼中的「0」應該更改爲確切的元素。

另外，您還可以使用getAttribute（'name'）和getElementsByTagName（）。

Answer 6

您可以使用getAttribute獲取標籤的名稱值。

你可以嘗試這樣的事情。

var element = document.getElementByTagName("preference"); 
var name = element.getAttribute("name"); 
console.log(name);