[HILFE!] DIV-Tag im Header-Tag

[jakestyler]

Hallo!

Dieses Script soll ein div verstecken, wenn die WebApp zum Homescreen vom iPhone hinzugefügt wird (das funktioniert auch soweit!):

<script type="text/javascript">    function isIOS() {
        
        var userAgent = window.navigator.userAgent.toLowerCase();
        return /iphone|ipad|ipod/.test( userAgent );
    
    };
    
    function isStandalone() {
        
        return ( isIOS() && window.navigator.standalone );
        
    };
    
    window.onload = function () {
        
        if( isStandalone() || !isIOS() ) {
            
            //start app
            document.getElementById( 'result' ).textContent = '<style>#nutzung{display:none}</style>';
        
        } else {
            
            //display add to homescreen page
            document.getElementById( 'result' ).textContent = '//do nothing';
            
        };
    
    };
    </script>

Nun würde ich gerne

<div id="result"></div>

in den Head-tag einfügen. Das kann aber garnicht funktionieren, es wird also nur der Text ausgegeben.
Gibt es eine Möglichkeit das Script irgendwie zu verändern? Oder den Inhalt des div's per PHP abzugreifen und dann über echo unter die Stylesheets einzufügen?

Danke schonmal! :)

 

[Tronjer]

So wirklich verstehe ich das nicht. Warum willst du denn ein Element dynamisch im Head hinzufügen? Das müsste dann ja ein Tag sein oder eine Ressource die verlinkt werden soll.