zoukankan      html  css  js  c++  java
  • javaScript动态添加样式

    [动态添加css样式]

    <html>

      <head>

        <script type="text/javascript">

          window.onload=function(){

            var head=document.getElementsByTagName('head')[0];     //获取到head元素 

            var link=document.createElement('link');             //创建link元素节点,也就是link标签

              link.rel="stylesheet";                    //为link标签添加rel属性

              link.href="basic.css";                    //为link标签添加href属性 , 属性值是css外链样式表的路径

            head.appendChild(link);                    //将link元素节点添加到head元素子节点下

            

     }

        </script>

      </head>

      <body>

        <div id="div1">测试</div>

      </body>

    </html>

    [动态添加script标签]

    原理同上

    <html>

      <head>

        <script type="text/javascript">

           window.onload=function(){

            var head=document.getElementsByTagName('head')[0];     //获取到head元素 

            var script=document.createElement('script');           //创建script标签

              script.type="text/javascript";                //为script标签添加type属性         

              script.src="basic.js";                    //为script标签添加scr属性,属性值为js路径

            head.appendChild('script');                  //将script标签添加到head的子节点下

    }

        </script>

      </head>

      <body>

        <div id="div1">测试</div>

      </body>

    </html>

  • 相关阅读:
    如何从维护视图(Maintenace view)中取数据-[VIEW_GET_DATA]
    如何使用ref->*,field-symbols创建内表
    预制发票MIR7抬头行项目检查BADi-MRM_HEADER_CHECK
    如何跳转屏幕到MIGO-[MIGO_DIALOG]
    网络编程聊天室------客户端接收
    网络编程聊天室------客户端发送
    网络编程聊天室------客户端
    网络编程聊天室---------服务器线程类
    网络编程聊天室----服务器端
    小明滚出---响应对象HttpServletResponse和请求对象HttpServletRequest实例
  • 原文地址:https://www.cnblogs.com/Mesiky/p/5684783.html
Copyright © 2011-2022 走看看