javascript - 检查 HTML 空元素的函数

Question

我想创建一个函数来检查 HTML 的空元素。

Javascript 代码:

var STRIP_COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;
  function getParamNames(params, formName, errorMSG) {
    if(result!="" && formName!=""){
      var fnStr = params.toString().replace(STRIP_COMMENTS, '');
      var result = fnStr.slice(fnStr.indexOf('(')+1, fnStr.indexOf(')')).match(/([^\s,]+)/g).toString();
      alert(document.frm.result.value);
      return false;
    }
    else{
      alert("Параметры функции не были заданы в JavaScript. Пожалуйста обратитесь к программистам.");
      return false;
    }
  }

HTML代码:

<form name='frm' method='post' action='' onSubmit="getParamNames(function(ggg){}, 'frm', 'Хамаи катакчахо бояд пур карда шавад');">
   <input type="text" name="ggg" />
   <input type="submit" value="ssdfsdfdf" />
</form>

我得到这个错误:类型错误:document.frm.result 未定义

alert(document.frm.result.value);

Answer 1

我只会使用 dom 引用来做到这一点。

Live demo here (click).

//get a reference to all elements
var allElems = document.body.getElementsByTagName("*");

var emptyElems = []; //store empty elements here
for (var i=0; i<allElems.length; ++i) { //check each element for text or children
  if (!allElems[i].textContent && !allElems[i].hasChildNodes()) {
    emptyElems.push(allElems[i]); //add empty elements to array
  }
}

console.log(emptyElems);