How to change the title using JavaScript

tharindu96

I want to change the title of HTML file using Javascript that the title will be like,

(the h1 tag of the document)+"Text"

Jan 23 '12 #1

Dormilich

what have you tried so far?

Jan 23 '12 #2

ranjaniVinsInfo

When You want to change the title. If the Document ready event or another event?

Jan 23 '12 #3

tharindu96

I have tried

document.title = document.GetItemByTagName("h1") + "Text";

Jan 23 '12 #4

ranjaniVinsInfo

Do it with "id" of the title tag.

Jan 23 '12 #5

tharindu96

not working
but when I give:
document.title = document.getElementById("heading") + " - text";
It gives:
null - text

Jan 23 '12 #6

ranjaniVinsInfo

Please Send Your Html Code

Jan 23 '12 #7

ranjaniVinsInfo

document.title = document.getElementById("heading").value + " - text";
Please update your code like this.


you miss the .value with document.getElementById("heading")

Jan 23 '12 #8

Dormilich

that only works if that element has a value property, which only form control elements have (input, select, option).

nevertheless, our assumptions are useless without the according HTML code.

Jan 23 '12 #9

tharindu96

Here is the html file

Jan 23 '12 #10

ranjaniVinsInfo

---- This is the Updated Code. Use it.It will Work.Thanks

Jan 23 '12 #11

ranjaniVinsInfo

You use innerHTML attribute for the h1 tag. Because it have not the value attribute

Jan 23 '12 #12

Dormilich

<select> elements don't have a value attribute either, yet they have a value property.

Jan 23 '12 #13

ranjaniVinsInfo

Thanks Dormilich...! Sorry to Say Attribute. Because h1 tag can't have innerHTML as a attribute.It's a Property.but I Forget to Say Correctly...

Jan 23 '12 #14

Dormilich

that ain't it either. there is actually no HTML element that has an innerHTML attribute.

the crucial thing to understand is that the browser takes the HTML source code and generates a tree from which it renders the output. the JavaScript engine also uses this tree to create its own tree of the page. it may or may not use the attributes of the elements and even attach properies of its own (one of those being innerHTML). therefore you have to learn/look up the API that JavaScript uses to interact with the web page (or rather its rendering). one of those APIs is called DOM.

Jan 23 '12 #15

ranjaniVinsInfo

Thanks Friend. You post Conformly help For me to know More about DOM.

Jan 23 '12 #16

tharindu96

Thank you all for the help

Jan 23 '12 #17