100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > javascript 显示/隐藏 创建/删除html元素用法实例详解

javascript 显示/隐藏 创建/删除html元素用法实例详解

时间:2018-08-30 18:52:44

相关推荐

javascript 显示/隐藏 创建/删除html元素用法实例详解

web前端|js教程

javascript,js,删除

web前端-js教程

显示/隐藏

android 一维码扫描源码,vscode如何设置为中文,ubuntu指令复制,url访问不到tomcat,ps爬虫框架,php解析的过程,常见的seo策略有哪些,体检超市网站源码,the7模板慢不慢lzw

1。编写js函数

发发源码,vscode以右键运行,ubuntu自动邮件,禁止tomcat自动启动,截图爬虫,php 黑名单,沧州seo推广营销公司,wap仿今日头条网站源码,英韩双语网站模板lzw

function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} function $(s){return document.getElementById(s);}

2. 要显示/隐藏的html元素加上 id 属性

unity牛牛源码,vscode设置rem,新装ubuntu没有终端,Tomcat报错1936,sqlite 表与表,bootstrap日期插件显示时间,电商前端框架对比,vba 爬虫工具,php 判断 数组,seo 提成,试题库 网站模板下载,练打字速度的网页,织梦网络建站模板,在线客服页面源码,jsp新闻管理系统开题报告,c2c程序lzw

3,添加按钮,链接等触发 js 函数

显示/隐藏 javascript显示隐藏层

广告

二:javascript控制页面控件隐藏显示的两种方法

javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位

方法一:

document.all["PanelSMS"].style.visibility="hidden"; document.all["PanelSMS"].style.visibility="visible";

方法二:

document.all["PanelSMS"].style.display="none"; document.all["PanelSMS"].style.display="inline";

方法一隐藏后 页面的位置还被控件占用 只是不显示

方法二隐藏后 页面的位置不被占用

创建/删除

如果我要创建一个div元素。

1.使用DOM对象创建:

使用document.createElement(‘div’)方法创建元素。

2.使用JQuery创建:

使用$(‘

通过JQuery创建的新元素‘)的方法直接创建元素。

如果需要将id是‘div2js’的div元素删除。

1.使用DOM对象

首先需要找到被删元素的父元素,通过父元素将其需要删除的子元素删除。

var el = document.getElementById(div2js); el.parentNode.removeChild(el);

2.使用JQuery

直接找到并删除。

$(#div2js).remove();

最后我们来看个实例

function InputOnBlur(){ var name=document.getElementById("name").value;if(name.length >10 || name.length<2) { var element=document.getElementById("message");if(element){//alert(element.parentNode.innerHTML);element.parentNode.removeChild(element);}var MySpan=document.createElement("span");document.getElementById("containers").appendChild(MySpan);MySpan.id = "message";MySpan.innerHTML = "请输入正确的姓名"; } else{var element=document.getElementById("message");if(element){//alert(element.innerHTML);element.parentNode.removeChild(element);}var MySpan=document.createElement("span");document.getElementById("containers").appendChild(MySpan);MySpan.id = "message";MySpan.innerHTML = "该用户名输入正确";}}

姓名:

document.getElementById("containers").innerHTML = "请输入姓名";

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。