css js 代码怎么隐藏,如何仅使用js代码（和css）隐藏元素？

在现有的代码中，我有一个html页面，其中包含一些java类中存在的变量。我想要做的是隐藏一些变量，如果没有定义(根本没有值)，并以正常方式显示其他变量。如何仅使用js代码(和css)隐藏元素？

下面是HTML代码的一部分：

test1 :

Description:

所以，你可以看到，这里的关键是，他们创建了自己的CSS类来隐藏或显示元素。这里是管理的功能(在.js文件)：

/**

*

* Hide a field if it's null

*

*/

hideIfNull = function(parent, key, val){

if (undefined != val && !(val instanceof Object)

&& (null == val || 'null' == val || '' == val || !val.trim())) {

var obj = parent.find("li#" + key);

var hide = obj.hasClass("hide-me-if-blanc");

if (hide) {

obj.addClass('hide');

}

} else {

var obj = parent.find("li#" + key);

var hide = obj.hasClass("hide-me-if-blanc");

if (hide) {

obj.removeClass('hide');

}

}

};

的问题是，这个代码不工作，如果变量是尚未定义。我在这里看到三种情况： - 当变量具有值=>时，它显示变量和值(正常情况)。 - 当变量刚刚初始化时没有值=>它没有显示任何内容，它完全是我想要的第三种情况。 - 当变量尚未创建=>它显示行：“test1： - ”这是完全没用的...

那么，你怎么能帮我隐藏一个变量在这种情况下只使用js代码？ (没有额外的框架像角...)或者，如果你有另一种解决方案？

预先感谢您！

+0

JS，无框架...是jQuery的？ OK JQ是一个JS库，但只是要求...... –

+0

如果可能的话，我想用“原生JS”做到这一点，我的意思是，没有额外的框架或库:) –

+0

你为什么不想要的jQuery？你在你发布的代码中有jquery。 –