html内で呼び出している外部ファイルに適用させているスタイルを、javascript（jQueryで）で操作したい

Question

前提

拡張子phpのファイルの中でhtmlを記述しています。
html内で呼び出している外部phpファイル(同じように拡張子phpのファイルの中でhtmlを記述)に適用させているスタイルを、javascriptやjQueryで操作したいです。

現在、ヘッダーメニューを外部phpとして、include_onceで呼び出し表示させています。
header.phpをページ上部に固定させるために、cssで適用しているposition:fixedを解除し、スクロールをすると固定が外れるという動きを実装したいです。

実現したいこと

・include_onceで呼び出し表示させている、外部のphpファイルのcssを操作したい。
・position:fixedでページ上部に固定させているヘッダーを固定状態ではなくさせたい。

発生している問題・エラーメッセージ

該当のソースコード

<!-- htmlのなかで外部のheaderを呼び出す include_once-->

  <?php include_once $_SERVER['DOCUMENT_ROOT']."/header.php"; ?>

<!-- jQuery -->

$(function() {
                $.ajax({
                    type: 'GET',
                    url: 'header.php',
                    dataType: 'php',
                    success: function(data) {
                        var php = $(php).find("header");
                        //
                        //
                    }
                });
            });

<!-- ヘッダーのcss -->

header {
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
}

ここに言語名を入力

html
css
javascript jQuery

試したこと

Ajaxで別ページのHTMLを取得するやり方を試してみたいのですが、
そもそもAjaxを使って実現できるのかが分かりません。

htmlの内容を取得せずに、headerに適用させているcssを解除する方法はあるのでしょうか？
ご教授の程何卒宜しくお願い致します。

補足情報（FW/ツールのバージョンなど）

visual studio code 1,73,0

Answer 1

htmlの内容を取得せずに、headerに適用させているcssを解除する方法はあるのでしょうか？

何も特別なことを考える必要がありません。

生成されたHTMLが一本になっているのであれば、それがどのPHPファイルに書かれていたかなど全く無関係です。同じHTMLにある要素として、ふつうにDOMで操作できます。

Comments

[4.4.2.2.user]

ありがとうございました。大きな勘違いをしておりAjaxを使わずともDOM操作で解決する事が出来ました。