`
linleizi
  • 浏览: 229982 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

JS控制HTML页面控件的属性

阅读更多
checkbox控件:
下面例子用到的css属性
.fieldColor {
font-family: "MS UI Gothic";
font-size: 12px;
height: 17px;
border: 1px solid #ADD566;
background-color: #DFDFDF;
text-readonly: true;
}
// 选中checkbox
document.all.testCheckbox.checked = true;
// checkbox不可用
document.all.testCheckbox.disabled = true;
<input type="checkbox" name="testCheckbox" />

// 获得文本框的值
document.all.testText.value;
// 文本框只读
document.all.testText.readOnly = true;
// 文本框不可用
document.all.testText.disabled = true;
// 文本框的class属性
document.all.testText.className = "fieldColor ";
<input type="text" name="testText" />

// div是否显示
document.getElementById("testDiv").display = "none";//block
// div居高
document.getElementById("testDiv").style.top = 1750;
<div id="testDiv"></div>

// 列中插入值
document.getElementById("testTd").innerText = "练习向<td></td>间插入值";
<td id="testTd"></td>

// lable的背景色
document.getElementById("testLabel").style.backgroundColor = "red";
// lable设置值
document.getElementById("testLabel").innerHTML = "<label></label>中间设值";
<label id="testLabel"></label>

// form的action属性
document.testForm.action = url;
// form提交属性
document.testForm.submit();
<form name="testForm" method="post"></form>

// 获得表格的行数
document.getElementById("testTable").rows.length;
// 设置表的高度
document.getElementById("testTable").style.height = "20px";
<table id="testTable"><tr><td></td></tr></table>
分享到:
评论

相关推荐

    JS控制html控件.rar

    在"JS控制html控件"的主题中,我们将深入探讨JavaScript如何操纵HTML元素,为网页添加互动性。 1. DOM(文档对象模型):DOM是HTML和XML文档的编程接口,JavaScript通过DOM可以访问和修改HTML元素。例如,通过`...

    Javascript密码输入控件

    JavaScript密码输入控件是网页开发中常见的一种交互元素,它用于收集用户的安全信息,如登录密码、PIN码等。在Web应用中,正确地实现密码输入控件对于提高用户体验和保障数据安全至关重要。本文将深入探讨JavaScript...

    jquery经典案列,获取控件属性并改变。

    总结起来,jQuery提供了一系列方便的方法,如`.val()`, `.prop()`, `.css()`, `.html()`, 和`.on()`,使得获取和改变网页控件的属性变得简单。通过熟练掌握这些方法,开发者可以轻松实现各种用户交互效果,提高网页...

    JS控件,JAVASCRIPT控件,实用控件!

    JavaScript控件的核心在于通过JavaScript代码操作HTML元素,实现对网页内容的动态控制。这通常涉及DOM(Document Object Model)操作,通过改变DOM节点的属性、样式或内容来更新页面视图。此外,事件监听也是关键,...

    js生成和删除控件.doc

    例如,可以为下拉列表添加`onchange`事件,当用户选择特定值时,通过修改其他隐藏控件的`style.display`属性来控制其可见性。 对于动态添加文件输入控件的场景,`addFile()` 函数展示了如何在页面上动态创建一个...

    ASP.NET\ASP.NET服务端控件,HTML控件,HTML服务端控件 的区别

    通过在HTML元素上添加`runat="server"`属性,可以将其提升为服务端控件,允许在服务器端代码中引用和控制。然而,与ASP.NET服务端控件相比,HTML服务端控件的功能较为有限。 ##### 特点: - **半服务端**:虽然它们...

    web服务器控件与html服务器控件的区别及用法

    - **何时使用HTML服务器控件**:如果需要更精细地控制HTML输出,或者页面设计要求严格的HTML标准遵循性时,可以选择使用HTML服务器控件。此外,当希望减少服务器负载或提高页面响应速度时,HTML服务器控件也是更好的...

    JS显示隐藏HTML控件

    在HTML页面中,我们有时需要动态地控制某些元素的可见性,比如按钮、文本框等控件。这就是"JS显示隐藏HTML控件"这一主题所涉及的核心内容。通过JavaScript,我们可以实现对HTML元素的显示和隐藏,以提升用户体验和...

    JS时间控件,JS时间控件

    在网页开发中,JavaScript(JS)时间控件是一种常见的交互元素,它允许用户方便地选择日期和时间。这种控件通常用于表单填写、事件安排或任何需要用户输入时间信息的场景。本压缩包包含了一个JS时间控件的实现,包括...

    js日期时间控件 JavaScriptjs日期时间控件 jsp

    JavaScript日期时间控件是网页开发中常用的一种组件,主要用于用户在网页上选择或输入日期和时间。在JavaScript中,处理日期和时间的核心对象是`Date`。本篇将深入探讨JavaScript日期时间控件的实现原理、使用方法...

    HTML调用OCX控件

    - `width`和`height`属性用于设置控件在页面上的尺寸。 2. `&lt;embed&gt;`标签: `控件CLSID" width="宽度" height="高度"&gt;&lt;/embed&gt;` - `type`属性设定为`application/x-oleobject`,表示这是一个ActiveX控件。 - ...

    WebCalendar网页日历控件(js,javascript)

    WebCalendar是一款基于JavaScript的网页日历控件,它允许用户在网页上方便地选择和操作日期,极大地提升了用户在网页上的交互体验。这个控件主要适用于那些需要在网页上进行日期输入或者事件管理的应用,例如在线...

    javascript控件开发之页面控制器

    在本主题"JavaScript控件开发之页面控制器"中,我们将深入探讨如何利用JavaScript来实现对网页的控制,特别是页面控制器的实现。页面控制器通常用于管理页面的导航、数据加载以及用户交互逻辑,它是构建大型单页应用...

    javascript控件开发之可见控件(2)

    总的来说,“javascript控件开发之可见控件(2)”的主题涵盖了JavaScript控件的核心知识点,包括DOM操作、事件处理、函数的可重用性和继承,以及如何通过控制显示属性来实现控件的可见性切换。这些都是构建高效、灵活...

    JS仪表盘控件

    JS仪表盘控件是一种在网页应用中用于展示数据的动态图形元素,它能够以直观的方式呈现各种统计数据,如性能指标、进度条、百分比等。这种控件通常由JavaScript库或者框架提供,允许开发者在前端轻松创建具有专业外观...

    通过HTML调用OCX控件

    在HTML页面中,按照上述方式插入控件,并通过JavaScript或VBScript与之交互,调用其公开的方法和属性。 总的来说,通过HTML调用OCX控件是一种扩展Web应用功能的方法,尽管现代Web开发更倾向于使用Web API和...

    js获取页面控件坐标.pdf

    JS 获取页面控件坐标 在 HTML 文档中,获取页面控件坐标是非常重要的,特别是在进行交互式开发时。今天,我们将讨论如何使用 JavaScript 获取页面控件坐标。 在 HTML 文档中,每个元素都有其自己的坐标系,通过...

    JS动态添加控件

    JavaScript(简称JS)是一种轻量级的脚本语言,广泛应用于网页和网络应用开发,能够对网页中的元素进行操作和交互。动态添加控件是JS的一个核心能力,它允许开发者在用户交互过程中或者程序运行时根据需要动态创建或...

    winform html 编辑控件

    - **ZetaHtmlEditControl**:这可能是另一个HTML编辑控件,可能提供了更高级的功能,如HTML5支持、CSS样式控制、JavaScript交互等。它可能提供了一个API,使得开发者可以方便地在C#代码中调用和控制编辑器的行为。 ...

    pb11.5 嵌入ole控件web browser 通过html页面打开窗口

    总的来说,PB11.5中的OLE Web Browser控件为开发者提供了一种集成网页内容的方式,并且可以通过HTML页面的链接控制应用程序的行为。通过深入理解和实践,你可以创建出更丰富的用户界面,提高应用的交互性。

Global site tag (gtag.js) - Google Analytics