`
sty2008boy
  • 浏览: 299336 次
  • 性别: Icon_minigender_1
  • 来自: 太原
社区版块
存档分类
最新评论

div InnerHtml的用法实例

div 
阅读更多
前台:<div id="navigation" runat="server"></div>  

例如前台div内的代码为

<li><span><span class="span1">运动鞋尺码</span></span>:<a href="#;">40</a><a href="#;">41</a></li>  

后台:  

先引进

using System.Text;

然后开始动态从数据库内取值

            string sql = "";
            DataSet ds = SqlHelper.ExecuteDataset(CommandType.Text, sql);
            StringBuilder builder = new StringBuilder();
           builder.Append("<li><span>运动鞋尺码</span>:");           

         for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
            {
                builder.Append("<a href=\"#\">"+ ds.Tables[0].Rows[i][0].ToString() + "</a>");
            }
            builder.Append("</li>");
            navigation.InnerHtml = builder.ToString(); 

这段代码在页面加载时调用    

 

分享到:
评论

相关推荐

    Javascript中innerHTML用法实例分析

    接下来,我们分析一个具体的实例代码。在文档中给出的代码片段中,首先定义了一个 JavaScript 函数 `t()`,该函数的作用是动态地向页面中的一个 div 元素添加内容。具体过程是通过 `document.getElementById()` 方法...

    javascript中innerText和innerHTML属性用法实例分析

    这两个属性分别代表了不同的操作方式和应用场景,它们的基本用法和区别在开发中非常重要。通过实例分析,我们可以更清晰地理解其用法和技巧。 首先,让我们来理解`innerText`属性。`innerText`属性用于获取或设置...

    js+html+css实现鼠标移动div实例.docx

    2. 使用JavaScript的`innerHTML`属性改变`div`内容。 3. `div+css`与`xhtml+css`的区别,前者是传统布局方式,后者更强调语义化和结构化。 4. HTML中的`SPAN`和`DIV`的区别,`SPAN`用于行内元素,而`DIV`用于块级...

    JS添加删除DIV的简单实例

    本文将详细解析标题和描述中提到的“JS添加删除DIV的简单实例”。 首先,我们来理解`addDiv(w, h)`函数。这个函数用于创建一个新的`div`元素并将其添加到页面上。函数接收两个参数,`w`代表宽度,`h`代表高度。以下...

    jquery包装集里面是一些应用实例欢迎下载

    【jQuery包装集】是一个集合了jQuery应用实例的资源包,旨在帮助初学者更好地理解和使用jQuery。这个包包含了一些示例,展示了如何运用jQuery进行DOM操作、事件处理和动画效果等,帮助用户快速上手。 在jQuery中,...

    Openlayers 简单实例4

    "OpenLayers 简单实例4"的重点就是如何将工具条放在地图之外的独立`div`元素中,以提供更灵活的界面布局。下面我们将深入探讨这个话题。 首先,OpenLayers是一个强大的JavaScript库,用于在网页上显示交互式地图。...

    新浪图库的Js图片幻灯播放实例包。

    本实例包聚焦于一个特定的应用场景——图片幻灯播放,这是网页设计中常见的一种功能,常用于展示产品、新闻或艺术作品等。新浪图库的这个Js图片幻灯播放实例,以其简洁大气的界面和流畅的用户体验赢得了用户的认可。...

    innerHTML_outerHTML.rar_javascript

    在提供的压缩包文件 "innerHTML_outerHTML.htm" 中,很可能是通过实例展示了 `innerHTML` 和 `outerHTML` 的用法,可能包含了一些交互式的例子或者详细的解释。读者可以下载并查看这个文件,以更直观地理解这两个...

    前端项目实例整理

    在实例中,你可以找到如`&lt;div&gt;`, `&lt;p&gt;`, `&lt;img&gt;`等标签的用法,它们分别表示段落、图像等元素。同时,HTML5引入了许多新特性,如`&lt;canvas&gt;`用于绘制图形,`&lt;video&gt;`和`&lt;audio&gt;`用于多媒体播放,`&lt;section&gt;`和`...

    window.print打印指定div实例代码

    在网页开发中,有时我们需要提供一个功能,让用户能够打印页面上的特定内容,而不是整个页面。`window.print()` 是JavaScript中...在实际应用中,还可以根据需求进行扩展,比如添加样式处理、自定义页眉和页脚等功能。

    面相对象 做DIV链接

    this.divElement.innerHTML = ''; this.divElement.appendChild(aElement); } } bindClickEvent(callback) { if (this.divElement) { this.divElement.addEventListener('click', callback); } } } ``` ...

    Web2.0之Ajax 学习笔记与应用实例

    ### Web2.0之Ajax 学习笔记与应用实例 #### 一、Ajax简介 Ajax(Asynchronous JavaScript and XML)是一种结合了多种技术的前端开发技术,它利用JavaScript与服务器进行异步通信,使得Web应用能够更加流畅地更新...

    AJAX的核心对象以及在级联中的简单应用实例

    **AJAX核心技术与级联应用实例详解** AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新,提升了...

    python教程-04-获取和设置标签内容(innerHTML).ev4.rar

    这个Python教程-04-获取和设置标签内容(innerHTML)将详细解释这些库的使用方法,通过观看`python教程-0-04-获取和设置标签内容(innerHTML).ev4.mp4`视频,你可以得到更直观的演示和实例,帮助你更好地理解和掌握这些...

    Vue - 如何创建一个 Vue 应用

    本文将详细介绍如何利用 Vue.js 创建一个基本的应用,从创建应用实例到挂载及配置应用等关键步骤都将逐一讲解。 #### 创建应用实例 每个 Vue 应用的核心是从 `createApp` 函数开始的。此函数用于创建一个新的 Vue ...

    页面关键字高亮实例

    contentDiv.innerHTML = highlightKeywords(text, keyword); }); ``` 在上述HTML代码中,我们创建了一个`&lt;div&gt;`元素用于存放待处理的文本,并在`DOMContentLoaded`事件触发时调用`highlightKeywords`函数。`...

    jQuery完全实例.rar

    这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果没有指定context参数,$()将在当前的 HTML 文档中查找 DOM 元素;如果指定了 ...

    javascript实用代码实例

    在JavaScript编程中,这些实用代码实例展示了如何利用JS来增强网页的交互性和功能。下面将逐一解析这些知识点: 1. **可视窗口的背景着色**: 通过CSS样式设置`body`元素的`background-color`属性,可以改变浏览器...

Global site tag (gtag.js) - Google Analytics