javascript - JS で div を再配置する

Question

HTML で最も関連性の高いコピーをページのさらに上に配置するために、JS を使用して div を再配置する方法はありますか。しかし、エンドユーザーが見るものに関しては、好きな場所に同じコピーを表示する柔軟性を持っていますか? つまり...

HTML:

<div id="three">Three(to be at the top of HTML but display at bottom in browser)</div>
<div id="one">One</div>
<div id="two">Two</div>

ブラウザ：

One
Two 
Three(to be at the top of HTML but display at bottom in browser)

これに関するチュートリアルはどこにありますか? また、どの機能を使用する必要がありますか? ありがとう。

score 0 · Accepted Answer

この種のJavaScriptを使用して、CSSプロパティを変更できます。Safariという名前のユーザーと同じ考えを採用するために、次のようなコードを考え出すことができます。

<script>
  document.getElementById('three').style.position = 'fixed';
  document.getElementById('three').style.bottom = 0;
</script>

score 0 · Accepted Answer

これを CSS に記述します。JS は必要ありません。

#three {
    position: fixed;
    bottom: 0;
}

2 に答える 2