`
houday123
  • 浏览: 217222 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

如何用Javascript来创建dom对象

阅读更多

用javascript来创建一个文档对象,这种用法比较常见.关键用到document对象得createElement(str)方法.

如:

<td align="left">工程类别:<mt:freeselect select="downlist_code,downlist_name" name="bz_project:prj_type:str:s" id="prjtype" sort="downlist_code asc" datamember="bz_ggdownlist" where="all_id=10003" other=" style=width:130px"/></td>

 

上面经过服务器单解析后会生成相应的html中 select 标签

var objOption2=document.createElement("OPTION");   //创建一个option对象
    objOption2.text="所有";  
    objOption2.value="";   
 var objSelectNow2=document.getElementById("prjtype");//得到select标签对象
    objSelectNow2.options.add(objOption2);//将objOption2添加到options数组中
    objSelectNow2.value="";//设置select标签默认显示为所有

 

那么等同于在标签中加入了一个<option value="">所有</option> 元素.

 

 

分享到:
评论

相关推荐

    javascript转换字符串为dom对象(字符串动态创建dom).docx

    JavaScript 转换字符串为 DOM 对象(字符串动态创建 DOM) 在 JavaScript 中,动态创建标准的 DOM 对象...使用 `innerHTML` 属性,我们可以轻松地将字符串转换为 DOM 对象,并且可以使用这个函数来动态创建 DOM 对象。

    javaScript 生成DOM 对象(html标签).rar

    本教程将深入探讨如何使用JavaScript来生成和操作DOM对象,特别是涉及HTML标签。 首先,我们需要理解DOM的基本概念。DOM将HTML或XML文档视为一棵树形结构,每个节点代表文档的一个部分,如元素、属性、文本等。根...

    javascript 原生Dom对象和jQuery对象的联系和区别

    JavaScript中的DOM对象和jQuery对象是两种不同的数据结构...总的来说,DOM对象和jQuery对象在JavaScript网页开发中各有其角色。理解它们之间的联系和差异,可以帮助我们根据项目需求和性能考虑,选择最合适的操作方式。

    javascript 操作xml_dom对象整理集合

    在JavaScript中,我们可以使用DOM API来遍历、修改和创建XML文档。 2. **XML解析** 在JavaScript中,有多种方式解析XML文档,例如`DOMParser`和`ActiveXObject`(仅限IE)。`DOMParser`是现代浏览器广泛支持的方法...

    el.js, 本机javascript类和创建dom对象的方法.zip

    el.js, 本机javascript类和创建dom对象的方法 el.js用于创建元素的简单Javascript库,不需要其他库示例:元素的创建创建一个没有属性的简单元素el('div')=&gt; &lt;div&gt;&lt;/div&gt;一些vanity方

    jquery对象和javascript对象即DOM对象相互转换

    jQuery对象和JavaScript对象(DOM对象)虽然在很多方面都是互补的,但它们在功能和使用上有着明显的区别。理解如何在这两者之间进行转换是编写高效、简洁的jQuery代码的关键。 首先,jQuery对象是通过调用jQuery...

    JavaScript_DOM编程艺术第二版(中文)

    总的来说,"JavaScript DOM编程艺术第二版"是一本全面介绍JavaScript与DOM结合的实践指南,它将帮助读者从初级到高级,系统地掌握JavaScript在网页动态化中的应用,提升Web开发技能。通过阅读这本书,开发者不仅能...

    JavaScript程序设计——DOM访问实验报告.docx

    3. **DOM对象的属性和方法**: - `innerHTML`: 获取或设置元素的HTML内容。 - `firstChild`, `lastChild`, `nodeName`, `nodeValue`, `nodeType`, `nextSibling`, `parentNode`: 这些属性帮助遍历和操作DOM树,...

    JavaScript DOM编程艺术【第2版&高清】.pdf

    6. DOM编程实践:通过实例演示如何使用JavaScript的DOM API来实现各种动态网页效果,比如创建动态的导航菜单、表单验证、内容的异步加载(AJAX)等。 7. 高级DOM技术:随着对DOM操作的深入,还可以学习到如何利用...

    JavaScript5.0+DOM编程艺术pdf(最新中文版)

    DOM编程艺术着重讲解了如何使用JavaScript来创建、查找、修改和删除DOM节点,实现动态网页效果。例如,通过DOM事件监听,可以实现按钮点击、表单提交等交互功能;通过DOM遍历,可以实现元素的选择和定位;通过DOM...

    JavaScriptDOM编程艺术(第2版)PDF版本下载.txt

    《JavaScript DOM编程艺术(第2版)》这本书详细介绍了如何使用JavaScript来操纵DOM,实现网页的动态交互效果。通过深入学习本书中的内容,开发者可以更好地理解和掌握JavaScript与DOM的结合方式,提高Web开发的能力...

    经典之作javascript dom编程艺术源码

    DOM(Document Object Model)是HTML和XML文档的标准表示,它将文档结构转化为一个可编程的树形模型,使得我们可以用JavaScript来动态修改、添加和删除页面内容。 在JavaScript中,DOM操作主要包括以下几个核心知识...

    JavaScript DOM编程艺术(第2版pdf)+源代码

    JavaScript DOM编程艺术(第2版)是一本深受程序员喜爱的JavaScript技术书籍,专注于讲解如何使用JavaScript与Document Object Model(DOM)进行交互。DOM是Web页面的结构化表示,它允许我们通过编程方式操纵HTML和XML...

    JavaScript DOM操作:创建与操控网页元素的艺术

    本文将详细介绍如何使用 JavaScript 来创建和操作 DOM 元素,包括基础概念、方法和最佳实践。 JavaScript提供了强大的DOM操作能力,使得开发者能够创建交互性强、用户友好的网页。通过本文的介绍,我们了解到了...

    jquery对象和dom对象.doc

    转换的关键在于,jQuery对象可以调用jQuery库提供的方法,如`.html()`来设置或获取元素的HTML内容,而DOM对象可以直接使用JavaScript原生方法,如`innerHTML`。 **将DOM对象转换为jQuery对象:** 通常,如果你有一...

    javascript_DOM操作

    在JavaScript中,我们可以利用DOM API来创建、修改、删除和查找网页上的任何元素,实现动态更新和交互。 **DOM的基本操作** 1. **获取元素**: `document.getElementById()` 是最基础的获取元素方法,通过ID查找。...

    JavaScript中DOM对象的思维导图

    JavaScript中的DOM对象是Web开发中不可或缺的一部分,它...了解并熟练掌握DOM对象及其操作方法对于JavaScript开发者来说至关重要,因为它提供了无尽的可能性,使我们能够构建出功能强大且用户体验良好的Web应用程序。

    JavaScript DOM编程艺术.pdf

    《JavaScript DOM编程艺术》是Jeremy Keith所著的一本关于JavaScript和DOM(文档对象模型)编程的经典图书,它不仅阐述了JavaScript和DOM的基本知识,还着重讲解了DOM编程技术背后的思路和原则。本书被赞誉为Web设计...

Global site tag (gtag.js) - Google Analytics