Replace text inside html tag (not between) using JavaScript

Question

I see a lot of reference for replacing text between tags or replacing tags identified with an ID, but my task is quite different in that I need to replace part of the tag itself. For example, I want to change...

<body etc>

So that it becomes...

<body somestring etc>

The change needs to be performed in the browser using JavaScript, ie: after a CMS (like Wordpress) has finished with it.

Nothing yet because I just realised that my question seems to be about setting an attribute like id=xyz when what I really need is the freedom to inject a string that might call a JS function. — WilliamK
– WilliamK, Commented Dec 6, 2012 at 0:52

VisioN · Accepted Answer · 2012-12-06 00:06:50Z

4

Looks like you need to add new attribute to DOM element:

document.getElementsByTagName("html")[0].setAttribute("id", "something");

answered Dec 6, 2012 at 0:06

VisioN

146k35 gold badges287 silver badges291 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pedro Borges · Accepted Answer · 2012-12-06 00:16:32Z

3

document['getElementsByTagName']('html')[0]['setAttribute']('attr', 'value');

answered Dec 6, 2012 at 0:16

Pedro Borges

412 bronze badges

1 Comment

WilliamK Over a year ago

What's the advantage of adding []? Also, how can I use this to add multiple attributes?

Andrew Hubbs · Accepted Answer · 2012-12-06 00:06:57Z

1

If you are using jQuery you can accomplish this with a line like the following:

$("html").attr({foo:"bar", baz:"bing"});

answered Dec 6, 2012 at 0:06

Andrew Hubbs

9,4449 gold badges51 silver badges71 bronze badges

Comments

Mihai P. · Accepted Answer · 2012-12-06 00:13:19Z

1

If you run a wordpress website you might already be using jquery. With JQuery this is something easy

$('html').attr('id', 'bob');
//just for testing
alert($('html').attr('id'));

answered Dec 6, 2012 at 0:13

Mihai P.

9,3673 gold badges40 silver badges50 bronze badges

3 Comments

WilliamK Over a year ago

This looks like it might work inserting an ID, but what if it was applied to another tag, for example the BODY tag to insert an onLoad statement like: <body onLoad="someFunction();">

Mihai P. Over a year ago

If you are using Jquery then you can simply ` $(document).ready(function() { //whatever you want }); ` you can also tie things to on click ` $("#other").click(function() { alert('hellooo'); }); `

Mihai P. Over a year ago

You can find more info about what attributes you can change and how here link or about events here link

RobG · Accepted Answer · 2012-12-06 01:07:05Z

0

If you are setting the value of standard attributes, just use DOM properties:

document.getElementsByTagName("html")[0].id = 'foo';

or more simply:

document.documentElement.id = 'foo';

It's not a good idea to set non–standard attributes or properties, use data-* attributes instead.

answered Dec 6, 2012 at 1:07

RobG

148k32 gold badges180 silver badges216 bronze badges

Collectives™ on Stack Overflow

Replace text inside html tag (not between) using JavaScript

5 Answers 5

Comments

1 Comment

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related