javascript - バニラ Javascript による要素のスタイルの変更

Question

<a href="" style="right:0px">right</a>

に変更したいと思います

<a href="" style="left:0px">right</a>

jQueryで私はこれを行うことができます

$('a').attr('style','left:0px');

しかし、jqueryを使用せずに従来のjavascriptでこれを行うにはどうすればよいですか?

Answer 1

var elements = document.getElementsByTagName('a'),
    l = elements.length;

while ( l-- ) elements[l].style.left = '0px';

これがフィドルです：http://jsfiddle.net/236pk/

---

最新のブラウザーを使用している場合は、次の 1 つのライナーを使用できます。

document.querySelectorAll('a').forEach(e => e.style.left = '0px');

これがフィドルです：http://jsfiddle.net/236pk/24

Answer 2

JavaScriptの回答はすでにありますが、jQueryを使用したくないと述べながら、jQueryのタグを付けました。jQuery を使用すると JavaScript がいかに簡単で、JavaScript を使用するほぼすべての場所で使用でき、悪い副作用がまったくないことに気付いていないだけかもしれません。以下は、jQuery を使用して、より少ないコードでこれを行うのがいかに簡単かを示しています。

$("a").css({ left: "0px", right: "" })

jsフィドル

あなたがjQueryの例を示したことは知っていますが、それは正しくありません.jQueryの適切な方法を理解できなかったので、JavaScriptの方が簡単だと思っていたと思います. スタイルに権利を含め、その値を空の文字列に設定するだけで、スタイルが正しく設定されます。

もう少しだけ、選択された回答はそれを行う簡単な方法を示していますが、それはあなたの質問の内容を説明していません. つまり、タグはすでにstyle="right:0px;". すべてを正しくしたい場合は、彼の式を使用して 1 行追加します。

var elements = document.getElementsByTagName('a'),
    l = elements.length;

while ( l-- ) {
    elements[l].style.left = '0px';
    elements[l].style.right= ''; // here in lies the added line, it removes the previously set "right"
}