How to change tag value on any web site

up vote
3
down vote

favorite

There is a website that contains this code

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = "">

I want to adjust the value of the tag ((gt-form-status))
So that in the end:

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = "signed">

By creating a Bookmarklet that starts with javascript: ....

Can I do this?
Greetings

asked Nov 10 at 19:44

Ahmad Akal

403

2

javascript:document.getElementById('agreement_btn').setAttribute("gt-form-status", "signed");
– XDS
Nov 10 at 19:49

@XDS its work 100% thanks
– Ahmad Akal
Nov 10 at 20:40

add a comment |

up vote
3
down vote

favorite

There is a website that contains this code

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = "">

I want to adjust the value of the tag ((gt-form-status))
So that in the end:

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = "signed">

By creating a Bookmarklet that starts with javascript: ....

Can I do this?
Greetings

asked Nov 10 at 19:44

Ahmad Akal

403

2

javascript:document.getElementById('agreement_btn').setAttribute("gt-form-status", "signed");
– XDS
Nov 10 at 19:49

@XDS its work 100% thanks
– Ahmad Akal
Nov 10 at 20:40

add a comment |

up vote
3
down vote

favorite

There is a website that contains this code

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = "">

I want to adjust the value of the tag ((gt-form-status))
So that in the end:

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = "signed">

By creating a Bookmarklet that starts with javascript: ....

Can I do this?
Greetings

asked Nov 10 at 19:44

Ahmad Akal

403

There is a website that contains this code

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = "">

I want to adjust the value of the tag ((gt-form-status))
So that in the end:

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = "signed">

By creating a Bookmarklet that starts with javascript: ....

Can I do this?
Greetings

javascript jquery html html5 bookmarklet

asked Nov 10 at 19:44

Ahmad Akal

403

asked Nov 10 at 19:44

Ahmad Akal

403

asked Nov 10 at 19:44

Ahmad Akal

403

asked Nov 10 at 19:44

Ahmad Akal

403

asked Nov 10 at 19:44

Ahmad Akal

403

2

javascript:document.getElementById('agreement_btn').setAttribute("gt-form-status", "signed");
– XDS
Nov 10 at 19:49

@XDS its work 100% thanks
– Ahmad Akal
Nov 10 at 20:40

add a comment |

2

javascript:document.getElementById('agreement_btn').setAttribute("gt-form-status", "signed");
– XDS
Nov 10 at 19:49

@XDS its work 100% thanks
– Ahmad Akal
Nov 10 at 20:40

javascript:document.getElementById('agreement_btn').setAttribute("gt-form-status", "signed");
– XDS
Nov 10 at 19:49

@XDS its work 100% thanks
– Ahmad Akal
Nov 10 at 20:40

add a comment |

1 Answer
1

active

oldest

votes

up vote
1
down vote

accepted

You can use Element.setAttribute to set a non-existent attribute on an Element.

document.querySelector('#agreement_btn').setAttribute('gt-form-status', 'signed');

var element = document.querySelector('#agreement_btn');
console.log('element before setAttribute:', element.outerHTML);
element.setAttribute('gt-form-status', 'signed');
console.log('element after setAttribute:', element.outerHTML);

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = ""></div>

However, it is better practice to use data-attributes in case some attributes you use get standardized later.

var element = document.querySelector('#agreement_btn');
console.log('element before set attribute:', element.outerHTML);
element.dataset.gtFormStatus = "signed";
console.log('element after set attribute:', element.outerHTML);

<div id = "agreement_btn" class = "agreement_form button" data-gt-form-status = ""></div>

edited Nov 10 at 20:36

answered Nov 10 at 20:30

hev1

5,4953527

You are great, thank you
– Ahmad Akal
Nov 10 at 20:42

@AhmadAkal No problem.
– hev1
Nov 10 at 20:43

add a comment |

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);

);

draft saved

draft discarded

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53242761%2fhow-to-change-tag-value-on-any-web-site%23new-answer', 'question_page');

);

Post as a guest

Name

Required, but never shown

1 Answer
1

active

oldest

votes

1 Answer
1

active

oldest

votes

up vote
1
down vote

accepted

You can use Element.setAttribute to set a non-existent attribute on an Element.

document.querySelector('#agreement_btn').setAttribute('gt-form-status', 'signed');

var element = document.querySelector('#agreement_btn');
console.log('element before setAttribute:', element.outerHTML);
element.setAttribute('gt-form-status', 'signed');
console.log('element after setAttribute:', element.outerHTML);

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = ""></div>

However, it is better practice to use data-attributes in case some attributes you use get standardized later.

var element = document.querySelector('#agreement_btn');
console.log('element before set attribute:', element.outerHTML);
element.dataset.gtFormStatus = "signed";
console.log('element after set attribute:', element.outerHTML);

<div id = "agreement_btn" class = "agreement_form button" data-gt-form-status = ""></div>

edited Nov 10 at 20:36

answered Nov 10 at 20:30

hev1

5,4953527

You are great, thank you
– Ahmad Akal
Nov 10 at 20:42

@AhmadAkal No problem.
– hev1
Nov 10 at 20:43

add a comment |

up vote
1
down vote

accepted

You can use Element.setAttribute to set a non-existent attribute on an Element.

document.querySelector('#agreement_btn').setAttribute('gt-form-status', 'signed');

var element = document.querySelector('#agreement_btn');
console.log('element before setAttribute:', element.outerHTML);
element.setAttribute('gt-form-status', 'signed');
console.log('element after setAttribute:', element.outerHTML);

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = ""></div>

However, it is better practice to use data-attributes in case some attributes you use get standardized later.

var element = document.querySelector('#agreement_btn');
console.log('element before set attribute:', element.outerHTML);
element.dataset.gtFormStatus = "signed";
console.log('element after set attribute:', element.outerHTML);

<div id = "agreement_btn" class = "agreement_form button" data-gt-form-status = ""></div>

edited Nov 10 at 20:36

answered Nov 10 at 20:30

hev1

5,4953527

You are great, thank you
– Ahmad Akal
Nov 10 at 20:42

@AhmadAkal No problem.
– hev1
Nov 10 at 20:43

add a comment |

up vote
1
down vote

accepted

You can use Element.setAttribute to set a non-existent attribute on an Element.

document.querySelector('#agreement_btn').setAttribute('gt-form-status', 'signed');

var element = document.querySelector('#agreement_btn');
console.log('element before setAttribute:', element.outerHTML);
element.setAttribute('gt-form-status', 'signed');
console.log('element after setAttribute:', element.outerHTML);

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = ""></div>

However, it is better practice to use data-attributes in case some attributes you use get standardized later.

var element = document.querySelector('#agreement_btn');
console.log('element before set attribute:', element.outerHTML);
element.dataset.gtFormStatus = "signed";
console.log('element after set attribute:', element.outerHTML);

<div id = "agreement_btn" class = "agreement_form button" data-gt-form-status = ""></div>

edited Nov 10 at 20:36

answered Nov 10 at 20:30

hev1

5,4953527

You can use Element.setAttribute to set a non-existent attribute on an Element.

document.querySelector('#agreement_btn').setAttribute('gt-form-status', 'signed');

var element = document.querySelector('#agreement_btn');
console.log('element before setAttribute:', element.outerHTML);
element.setAttribute('gt-form-status', 'signed');
console.log('element after setAttribute:', element.outerHTML);

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = ""></div>

However, it is better practice to use data-attributes in case some attributes you use get standardized later.

var element = document.querySelector('#agreement_btn');
console.log('element before set attribute:', element.outerHTML);
element.dataset.gtFormStatus = "signed";
console.log('element after set attribute:', element.outerHTML);

<div id = "agreement_btn" class = "agreement_form button" data-gt-form-status = ""></div>

var element = document.querySelector('#agreement_btn');
console.log('element before setAttribute:', element.outerHTML);
element.setAttribute('gt-form-status', 'signed');
console.log('element after setAttribute:', element.outerHTML);

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = ""></div>

var element = document.querySelector('#agreement_btn');
console.log('element before setAttribute:', element.outerHTML);
element.setAttribute('gt-form-status', 'signed');
console.log('element after setAttribute:', element.outerHTML);

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = ""></div>

var element = document.querySelector('#agreement_btn');
console.log('element before set attribute:', element.outerHTML);
element.dataset.gtFormStatus = "signed";
console.log('element after set attribute:', element.outerHTML);

<div id = "agreement_btn" class = "agreement_form button" data-gt-form-status = ""></div>

var element = document.querySelector('#agreement_btn');
console.log('element before set attribute:', element.outerHTML);
element.dataset.gtFormStatus = "signed";
console.log('element after set attribute:', element.outerHTML);

<div id = "agreement_btn" class = "agreement_form button" data-gt-form-status = ""></div>

edited Nov 10 at 20:36

answered Nov 10 at 20:30

hev1

5,4953527

edited Nov 10 at 20:36

answered Nov 10 at 20:30

hev1

5,4953527

answered Nov 10 at 20:30

hev1

5,4953527

answered Nov 10 at 20:30

hev1

5,4953527

You are great, thank you
– Ahmad Akal
Nov 10 at 20:42

@AhmadAkal No problem.
– hev1
Nov 10 at 20:43

add a comment |

You are great, thank you
– Ahmad Akal
Nov 10 at 20:42

@AhmadAkal No problem.
– hev1
Nov 10 at 20:43

You are great, thank you
– Ahmad Akal
Nov 10 at 20:42

@AhmadAkal No problem.
– hev1
Nov 10 at 20:43

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

Some of your past answers have not been well-received, and you're in danger of being blocked from answering.

Please pay close attention to the following guidance:

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

tsSpi1kALhayRyPeXd xkd4MhaKP6JM6Ks oCwk1oT4

搜尋此網誌

Pfthb