用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) 在 JavaScript 中,动态创建标准的 DOM 对象...使用 `innerHTML` 属性,我们可以轻松地将字符串转换为 DOM 对象,并且可以使用这个函数来动态创建 DOM 对象。
本教程将深入探讨如何使用JavaScript来生成和操作DOM对象,特别是涉及HTML标签。 首先,我们需要理解DOM的基本概念。DOM将HTML或XML文档视为一棵树形结构,每个节点代表文档的一个部分,如元素、属性、文本等。根...
JavaScript中的DOM对象和jQuery对象是两种不同的数据结构...总的来说,DOM对象和jQuery对象在JavaScript网页开发中各有其角色。理解它们之间的联系和差异,可以帮助我们根据项目需求和性能考虑,选择最合适的操作方式。
在JavaScript中,我们可以使用DOM API来遍历、修改和创建XML文档。 2. **XML解析** 在JavaScript中,有多种方式解析XML文档,例如`DOMParser`和`ActiveXObject`(仅限IE)。`DOMParser`是现代浏览器广泛支持的方法...
el.js, 本机javascript类和创建dom对象的方法 el.js用于创建元素的简单Javascript库,不需要其他库示例:元素的创建创建一个没有属性的简单元素el('div')=> <div></div>一些vanity方
jQuery对象和JavaScript对象(DOM对象)虽然在很多方面都是互补的,但它们在功能和使用上有着明显的区别。理解如何在这两者之间进行转换是编写高效、简洁的jQuery代码的关键。 首先,jQuery对象是通过调用jQuery...
总的来说,"JavaScript DOM编程艺术第二版"是一本全面介绍JavaScript与DOM结合的实践指南,它将帮助读者从初级到高级,系统地掌握JavaScript在网页动态化中的应用,提升Web开发技能。通过阅读这本书,开发者不仅能...
3. **DOM对象的属性和方法**: - `innerHTML`: 获取或设置元素的HTML内容。 - `firstChild`, `lastChild`, `nodeName`, `nodeValue`, `nodeType`, `nextSibling`, `parentNode`: 这些属性帮助遍历和操作DOM树,...
6. DOM编程实践:通过实例演示如何使用JavaScript的DOM API来实现各种动态网页效果,比如创建动态的导航菜单、表单验证、内容的异步加载(AJAX)等。 7. 高级DOM技术:随着对DOM操作的深入,还可以学习到如何利用...
DOM编程艺术着重讲解了如何使用JavaScript来创建、查找、修改和删除DOM节点,实现动态网页效果。例如,通过DOM事件监听,可以实现按钮点击、表单提交等交互功能;通过DOM遍历,可以实现元素的选择和定位;通过DOM...
《JavaScript DOM编程艺术(第2版)》这本书详细介绍了如何使用JavaScript来操纵DOM,实现网页的动态交互效果。通过深入学习本书中的内容,开发者可以更好地理解和掌握JavaScript与DOM的结合方式,提高Web开发的能力...
DOM(Document Object Model)是HTML和XML文档的标准表示,它将文档结构转化为一个可编程的树形模型,使得我们可以用JavaScript来动态修改、添加和删除页面内容。 在JavaScript中,DOM操作主要包括以下几个核心知识...
JavaScript DOM编程艺术(第2版)是一本深受程序员喜爱的JavaScript技术书籍,专注于讲解如何使用JavaScript与Document Object Model(DOM)进行交互。DOM是Web页面的结构化表示,它允许我们通过编程方式操纵HTML和XML...
本文将详细介绍如何使用 JavaScript 来创建和操作 DOM 元素,包括基础概念、方法和最佳实践。 JavaScript提供了强大的DOM操作能力,使得开发者能够创建交互性强、用户友好的网页。通过本文的介绍,我们了解到了...
转换的关键在于,jQuery对象可以调用jQuery库提供的方法,如`.html()`来设置或获取元素的HTML内容,而DOM对象可以直接使用JavaScript原生方法,如`innerHTML`。 **将DOM对象转换为jQuery对象:** 通常,如果你有一...
在JavaScript中,我们可以利用DOM API来创建、修改、删除和查找网页上的任何元素,实现动态更新和交互。 **DOM的基本操作** 1. **获取元素**: `document.getElementById()` 是最基础的获取元素方法,通过ID查找。...
JavaScript中的DOM对象是Web开发中不可或缺的一部分,它...了解并熟练掌握DOM对象及其操作方法对于JavaScript开发者来说至关重要,因为它提供了无尽的可能性,使我们能够构建出功能强大且用户体验良好的Web应用程序。
《JavaScript DOM编程艺术》是Jeremy Keith所著的一本关于JavaScript和DOM(文档对象模型)编程的经典图书,它不仅阐述了JavaScript和DOM的基本知识,还着重讲解了DOM编程技术背后的思路和原则。本书被赞誉为Web设计...