CODEWITHSUNDEEP
javascriptjquerytagsselectorgetelementsbytagname
Matarishvan
Matarishvan

Reputation: 2422

Get tagname name value javascript

I'm trying to get the tagname of name from the below line of code. I have to get the name from the below tagname using javascript

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

i need to get webviewbounce

This is what i know.

document.getElementsByTagName("preference")

But it doesnt give me the preference name. What i want is the tagname of name which is webviewbounce

Upvotes: 1

Views: 4857

Answers (6)

Abhijit
Abhijit

Reputation: 252

You can use getAttribute to get the name value of the tag.

You can try something like this.

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

Upvotes: 0

Ram Manoj
Ram Manoj

Reputation: 21

Considering this as your first element of preference tag. this would give document.getElementsByTagName("preference")["0"].name the name. The "0" in the line code should be changed to the exact element.

In addition you can also use getAttribute('name') with getElementsByTagName().

Upvotes: 1

Mulan
Mulan

Reputation: 135197

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" />

Upvotes: 1

Nathan Dawson
Nathan Dawson

Reputation: 19308

getElementsByTagName is going to return a collection of elements. You can then use getAttribute() to get the name property of the first item in the collection.

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

Upvotes: 1

user8016859
user8016859

Reputation:

Try:

document.getElementsByName("webviewbounce");

This will get the element that has the name of webviewbounce

Upvotes: 1

brk
brk

Reputation: 50291

Use document.querySelector to get the element. It will return the first matched element.Then use getAttribute to get the required attribute from the element. If there are multiple tag element with same tagname , use document.querySlectorAll

var getElem = document.querySelector('preference'),
  getNameProperty = getElem.getAttribute('name');
console.log(getNameProperty)
<preference name="webviewbounce" value="false" />

Upvotes: 2

Related Questions