aspx隐藏前台控件div_javascript总结--div

工作中，偶尔也会做做前台，每次都需要对一些简单的javascript和html标签进行重新学习，今天就稍微总结一下，主要是针对div的操作，也还包括一些其他基本控件。

一.div

1.设置div的显示或隐藏

document.getElementById("div1").style.display="none";//隐藏

document.getElementById("div2").style.display="";//显示当然也可以直接用如下方式显示：

div1.style.display="none";//隐藏

div2.style.display="";//显示2.innerHTML,outerHTML,innerText,outerText

关于这四者的区别，网上有段经典的代码：

This is a DIV!

从中可以很清楚的看出四者各自的功能：

innerHTML:在div里面的html标签，通过它可以方便的设置div里要显示的内容，如：

document.getElementById("div3").innerHTML="hhh";

outerHTMl:包括div在内的所有html标签

innerText:要在div里显示的文本，和outerText基本一样

值得注意的是，以上四个只有innerHTML在firefox下有效，其他均只在IE下可用

二.其他基本控件

假设页面上有一个text输入框：

style="WIDTH:300px"：可以限定输入框的显示长度

maxlength=40：可以限制该输入框允许输入字符的最大长度

获取控件值或设置控件值可用：

document.getElementById("text1").value="输入框";

值得注意的是，javascript是从头到尾编译的，因此在使用控件之前，一定要确保该控件已经被加载到了页面中。

aspx隐藏前台控件div_javascript总结--div相关推荐

aspx隐藏前台控件div_c# – 代码隐藏页面无法“查看”aspx页面中声明的任何项目/控件...
这是我的Default.aspx页面(删除了不必要的细节): Username Password 这是代码隐藏(删除了不必要的细节): namespace webapp { public partia ...
Cesium界面学习以及隐藏界面控件
这一跑起来界面很多元素:都是控件:先来学习一下: 这5个是: 查找位置控件,找到之后镜头会对准找到的地址: 视角返回初始位置: 选择视角的模式:3D,2D,哥伦布视图: ...
用户控件如何控制ASPX页面的控件
问题来自论坛http://topic.csdn.net/u/20120415/17/3f264265-b25c-4db8-a192-520e8a60e4c1.html?85396 问题分析,aspx页 ...
网页内嵌B站视频，隐藏相关控件
网页内嵌 B 站视频主要是用 ifame , 其地址是: https://player.bilibili.com/player.html?cid=&aid=84267566&page= ...
微信视频播放器隐藏播放控件，视频全屏做法分享
转自:https://www.haorooms.com/post/weixin_hidevideo_control 本人实测有效.为了防止以后还要用到,到时候找不到,所以转载一下. 前言平时项目中视 ...
关于vc隐藏浏览器控件 2010-9-7 16:07
CWebBrowser2 m_web; m_web.Navigate( "http://www.vckbase.com ",0,NULL,NULL,NULL); m_web.Sho ...
Android百度地图SDK：隐藏比例尺，隐藏百度LOGO，隐藏缩放控件
Android百度地图SDK:隐藏(不显示)比例尺,隐藏(不显示)百度LOGO,隐藏(不显示)缩放控件在自己的Android应用开发中使用百度地图SDK,百度会自动在MapView上添加百度的 ...
从外部的js文件中获取ASPX页面的控件ClientID(get control reference from external javascript)...
前言当使用MasterPage.UserControl等容器时,为了避免控件的重复命名,asp.net会自动将容器中的控件生成一个ClientID(Control Tree中的可生成,否则不会生成) ...
ASP.NET Web页面(.aspx)添加用户控件(.ascx)无显示的问题
写好的用户控件点击视图显示没有问题,但是将控件添加到Web窗体上时却显示如下图标: F5运行,查看源代码:有代码--但是页面却显示一片空白. 分析代码,比较了一下能显示用户控件的其他web页面以及代码 ...

aspx隐藏前台控件div_javascript总结--div

This is a DIV!

aspx隐藏前台控件div_javascript总结--div相关推荐

最新文章

热门文章