javascript:不必使用html文件中的所有ID?

用户名

我想对一堆html页面使用相同的.js,但不一定要在每个页面中都使用该.js的所有ID。现在,如果我不使用一个ID;完全没有显示ID。

var yes = 'Yes';
var no = 'No';
var available = 'Available: ';

document.getElementById("001").innerHTML=available+yes;
document.getElementById("002").innerHTML=available+no;
document.getElementById("003").innerHTML=available+yes;

一个与此HTML正常工作:

 <div id="001"></div>
 <div id="002"></div>
 <div id="003"></div>

一个带有这个的HTML,不是很好:

 <div id="002"></div>
 <div id="003"></div>

即使未使用某些ID,该怎么办才能使其运行?

完全做到这一点,可能有一个超级简单的解决方案(?)-但我找不到它。希望这里的某人可以帮助我-无需完全抨击我,也无需告诉我这是一个多么糟糕的实践,我应该用某种我从未听说过的巨型haxxor语言来重写它:

提前致谢!

nnnnnn

如果找不到匹配的元素,则document.getElementById()函数返回nullnull.innerHTML是导致当前脚本停止执行的错误。因此,您只需要测试null

var el = document.getElementById("001");
if (el != null) el.innerHTML = available + yes;

null测试可以简化为:

if (el) el.innerHTML = available + yes;

如果元素“ 001”将始终为“是”,元素“ 002”将始终为“否”,依此类推,则可以执行以下操作:

var results = {"001" : yes, "002" : no, "003" : yes};
var el, k;
for (k in results) {
    el = document.getElementById(k);
    if (el) el.innerHTML = available + results[k];
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在HTML中隐藏所有按钮,而无需使用纯Javascript使用ID和Class

如何使用Vanilla JavaScript搜索和替换HTML文件中的所有标签?

使用BeautifulSoup在目录中打印所有html文件的内容

使用浏览器中的javascript将HTML页面的所有外部资源嵌入到单个文件中

如何通过 id 搜索书籍并使用 XML 文件中的 JavaScript 给出所有子子值的输出

使用 JavaScript 从 HTML 表单中删除所有输入标签

在JTable中自动从特定列(即不必选择行)获取所有ID

如何将外部javascript文件添加到目录中的所有html文件中?

如何一键删除android studio中不必要的所有类型的文件

如何在所有javascript文件中的html标记之间包含javascript

使用HttpPut更新c#.net EF中的整个对象,而不必指定所有变量

如何使用js中的所有源文件下载html文件?

HTML Javascript-获取所有具有ID的元素

在Yosemite上使用JavaScript for Automation列出文件夹中的所有文件

如何使用Grunt压缩子文件夹/子目录中的所有JavaScript文件?

如何使用NodeJS运行文件夹中的所有JavaScript文件?

我可以从数据库中搜索所有推送 id 而不必在应用程序端进行搜索吗

如何在日志文件中获取所有使用过的 ID

在所有工作空间文件中搜索选定的文本,而不必按Enter键即可真正开始搜索?

缩小并合并html文件中的所有js文件

从HTML文件输入中删除“所有文件”选项

使用HtmlAgilityPack从解析的HTML中删除所有类和ID

如何使用jQuery从HTML表单获取数组中的所有id元素值

从系统中删除所有不必要的字体

使用JavaScript RegEx从html标记中删除不必要的属性

使用gulp检查根目录中所有html文件中的空链接或空白链接

如何使用godoc为文件夹中的所有软件包生成HTML文档

如何使用lxml解析从html文件中打印出所有文本信息?

如何使用美丽的汤列出在 html 文件中包含 PA/ 的所有字符串