关闭

javascript如何判断元素是否存在?

时间: 2019-08-27阅读: 429标签: 元素

JavaScript中可以通过theForm、theForm.periodPerMonth、getElementById等方法判断元素是否存在。也可以使用Jquery的length属性来判断。


JavaScript判断元素是否存在的方法示例:

判断表单元素是否存在(一)

if("periodPerMonth" in document.theForm) 
{ 
return true; 
} 
else{ 
return false; 
}

判断表单元素是否存在(二)

if(document.theForm.periodPerMonth) 
{ 
//存在 }


if(typeof(document.theForm.periodPerMonth)=="object") 
{ 
//存在 }

判断页面元素是否存在

if(document.getElementById("XXX")) 
{ 
//存在 }

判断表单是否存在

if(document.theForm) 
{ 
//存在 }

用Jquery判断

if ( $("#someID").length > 0 ) { 
$("#someID").text("hi"); 
}
站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/7842

关闭

css父元素透明度(opacity)对子元素的影响

设置父元素opacity:0.5,子元素不设置opacity,子元素会受到父元素opacity的影响,也会有0.5的透明度。设置父元素opacity:0.5,即使设置子元素opacity:1,子元素的opacity

元素显示隐藏的9种思路

在网页制作中,元素的显示隐藏是非常常见的需求。本文将介绍元素显示隐藏的9种思路,对于元素显隐来说,最常见就是display:none | display:block,但是使用这种方法有个问题

原生JS如何获取当前元素属于父元素第几个子元素

我们经常通过document.getElementById 方法来获取到一个元素,这个时候我们经常需要有一个需求,那就是如何判断这个元素在父元素中的位置。原生JS有一个常见的小技巧那就是通过元素的previousSibling 属性,额外需要注意的是该属性会遍历text节点,即回车键。

Js在Array数组中按指定位置删除或添加元素对象

JavaScript的数据中可通过splice/slice在指定位置添加或删除元素。另外还有slice、delete等方法实现。splice方法向/从数组中添加/删除项目,然后返回被删除的项目

Js中获取HTML元素的方式有哪些?

对于许多前端开发项目来说,获取元素进行操作是必不可少的,例如tab标签,全屏切换,自动滚播等效果都需要通过获取节点元素来实现。下面我们来看一下JavaScript获取HTML元素的方式。

HTML5语义化元素你真的用的正确吗?

语义学是研究语言中单词和短语的含义。语义元素=具有意义的元素。 语义元素清楚地描述了它对浏览器和开发人员的意义。 非语义元素的示例:<div>和<span>- 对其内容一无所知。 语义元素的示例:<form>,<table>和<article>- 清楚地定义其内容

精确获取页面元素的位置

现在网上最流行方法是John Resig在《Pro JavaScript techniques》提出的offset大法,累加元素offsetParent的offsetLeft和offsetTop一直到DOM的顶层。

jQuery获取元素的大小和位置信息

css()方法获取元素的宽高:css()方法返回的其实是getComputedStyle(node).width的值,也就是元素内容区的宽高;width() / height()这两个方法返回的也是元素内容区的宽高,但是不带单位

css position absolute相对于父元素的设置方式

大家知道css的position absolute默认是根据document来设置的,比如position:absolute后设置left:0;top:0这时候元素会显示到页面的左上角。有时候我们需要在父元素的容器内设置相对的绝对位置

原生 JS 和 jQuery 检查某元素是否存在

对于动态生成内容的网页,常常遇到需要判断元素是否存在的场景。在 jQuery 中使用一个不存在的元素完全不会报错,请放心大胆使用。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!