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
  • 相关阅读:
    真正的e时代
    在线手册
    UVA 10616 Divisible Group Sums
    UVA 10721 Bar Codes
    UVA 10205 Stack 'em Up
    UVA 10247 Complete Tree Labeling
    UVA 10081 Tight Words
    UVA 11125 Arrange Some Marbles
    UVA 10128 Queue
    UVA 10912 Simple Minded Hashing
  • 原文地址:https://www.cnblogs.com/huashanqingzhu/p/3689385.html
Copyright © 2011-2022 走看看