zoukankan      html  css  js  c++  java
  • 用JavaScript往DIV动态添加内容

    参考:http://zhidao.baidu.com/link?url=6jSchyqPiEYCBoKdOmv52YHz9r7MTBms2pK1N6ptOX1kaR2eg320mlW1Sr6n36hpOeOadBxC2rWWGuhZPbms-K

    <div id="show"></div>
    要填充的数据为: 这是一个测试例子.
    jquery:
    $(function(){
    var data = '这是一个测试例子';
    $('div:#show').html(data);
    });

    js:
    var data = '这是一个测试例子';
    document.getElementById('show').innerHTML = data;


    我做的案例:
    脚本:

    <script type="text/javascript">
    function show(string)
    {
        var content=document.getElementById("content");
        content.innerHTML=string;
    }
    </script>

    content是div的ID号。

    前台:

    <input id="Button2" type="button" value="button" onclick="return show('hello world!')" />

     1 <html>
     2     <head>
     3         <title>test page</title>
     4         <script type="text/javascript">
     5             function show(string)
     6             {
     7                 //var data = '这是一个测试例子';
     8                 document.getElementById('show').innerHTML = string;
     9             }
    10         </script>
    11     </head>
    12     <body>
    13         <a href="javascript:void(0)" onclick="show('hello world!')">打开</a>
    14         <div id="show"></div>
    15     </body>
    16 </html>
    View Code
  • 相关阅读:
    为什么富人越来越富,穷人越来越穷?
    计算几何基础_点_向量_极角排序
    滑窗模板_双向队列
    后缀数组
    AC自动机
    RMQ_ST表
    二叉树求逆序对(伪AC 23333)
    分块
    莫队
    树状数组_二维
  • 原文地址:https://www.cnblogs.com/huashanqingzhu/p/3689385.html
Copyright © 2011-2022 走看看