html判断控件是否为空

html-css010

html判断控件是否为空,第1张

1、将对象转为字符串,然后判断是否等于'{}'

如果等于'{}'则为空对象,如果不等于'{}'则不为空对象。var obj = {}

var objStr = JSON.stringify(obj)

if(objStr === '{}') {

console.log("空对象")

}else {

console.log("不是空对象")

}

输出:空对象

2、使用Object.getOwmPropertyNames()方法+length属性进行判断

Object对象的getOwnPropertyNames方法,获取到对象中的属性名,存到一个数组中,返回数组对象;然后通过使用数组的length属性来判断此对象是否为空对象。var obj = {}

var arr = Object.getOwnPropertyNames(obj)

if (arr.length == 0){

console.log("空对象")

}else {

console.log("不是空对象")

}

输出:空对象

3、使用es6的方法Object.keys()+length属性进行判断

这是ES6的新方法,Object.keys方法是JavaScript中用于遍历对象属性的一个方法 。它传入的参数是一个对象,返回的是一个数组,数组中包含的是该对象所有的属性名。var obj = {}

var arr = Object.keys(obj)

if (arr.length == 0){

console.log("空对象")

}else {

console.log("不是空对象")

}

输出:空对象

获取元素的html,然后判断他的html是否=“”,就可以判断是否为空了

var input = $("input").html()/val()

if(input == ""){console.log("input空")}