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

183

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

183

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

183

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

183

asked Nov 10 at 19:44

Ahmad Akal

183

asked Nov 10 at 19:44

Ahmad Akal

183

asked Nov 10 at 19:44

Ahmad Akal

183

asked Nov 10 at 19:44

Ahmad Akal

183

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,4233527

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,4233527

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,4233527

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,4233527

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,4233527

edited Nov 10 at 20:36

answered Nov 10 at 20:30

hev1

5,4233527

answered Nov 10 at 20:30

hev1

5,4233527

answered Nov 10 at 20:30

hev1

5,4233527

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

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

搜尋此網誌

Odtnhj