How to overwrite inline style for <section> element tag?

[Ben Stover]

Assume I have a webpage with the following HTML code:

<section itemscope="itemscope".... style="margin-top: 20px;">
....
</section>


How can I overwrite the "margin-top" inline style value by e.g. 10 ?

Aftwerwards the following statement should become effective:

<section itemscope="itemscope".... style="margin-top: 10px;">

If necessary jQuery can be used.

Thank you
Ben

[Tithen Firion]

To edit this value just use

element.style.marginTop = "10px";

If you have only one section element with itemscope attribute set to itemscope, you can find it using this code:

document.querySelector("section[itemscope=itemscope]");

So your one-liner would be:

document.querySelector("section[itemscope=itemscope]").style.marginTop = "10px";