doStuff(document.getElementById("myCircle1" "myCircle2" "myCircle3" "myCircle4"));
这不起作用，所以我需要逗号或分号才能使其起作用吗？
document.getElementById()document.querySelectorAll()document.getElementsByClassName()每个选项的示例：
doStuff(document.querySelectorAll("#myCircle1, #myCircle2, #myCircle3, #myCircle4"));
或：
// put a common class on each object
doStuff(document.getElementsByClassName("circles"));
或：
function getElementsById(ids) {
var idList = ids.split(" ");
var results = [], item;
for (var i = 0; i < idList.length; i++) {
item = document.getElementById(idList[i]);
if (item) {
results.push(item);
}
}
return(results);
}
doStuff(getElementsById("myCircle1 myCircle2 myCircle3 myCircle4"));
这是行不通的，
getElementById您可以使用
document.querySelectorAll("#myCircle1, #myCircle2")使用新版本的 JavaScript，您还可以将结果转换为数组以轻松遍历它。
示例：
const elementsList = document.querySelectorAll("#myCircle1, #myCircle2");
const elementsArray = [...elementsList];
// Now you can use cool array prototypes
elementsArray.forEach(element => {
console.log(element);
});
如果您有 ID 数组，另一种简单的方法是使用该语言来构建查询，例如：
const ids = ['myCircle1', 'myCircle2', 'myCircle3'];
const elements = document.querySelectorAll(ids.map(id => `#${id}`).join(', '));
document.getElementById()getElementsByClassName()querySelectorAll()document.querySelectorAll("#myCircle1, #myCircle2, #myCircle3, #myCircle4");
我建议使用ES5数组方法：
["myCircle1","myCircle2","myCircle3","myCircle4"] // Array of IDs
.map(document.getElementById, document) // Array of elements
.forEach(doStuff);
然后
doStuffdocument.getElementById()getElementsByClassName()不知道这样的东西是否可以在 js、PHP 和 Python 中工作（我经常使用）。 也许只是使用 for 循环，例如：
function doStuff(){
for(i=1; i<=4; i++){
var i = document.getElementById("myCiricle"+i);
}
}
Vulgo 在这个帖子上的想法是正确的。我相信他的解决方案是最简单的，尽管他的答案可能更深入一些。这是对我有用的东西。我已经提供了一个例子。
<h1 id="hello1">Hello World</h1>
<h2 id="hello2">Random</h2>
<button id="click">Click To Hide</button>
<script>
document.getElementById('click').addEventListener('click', function(){
doStuff();
});
function doStuff() {
for(var i=1; i<=2; i++){
var el = document.getElementById("hello" + i);
el.style.display = 'none';
}
}
</script>
显然只需更改 for 循环中的整数即可考虑您要定位的元素数量，在本例中为 2。
最好的方法是定义一个函数，并向它传递一个参数，即你想要从 DOM 中获取的 ID 名称，然后每次你想要获取一个 ID 并将其存储在一个数组中时，你就可以可以调用该函数
<p id="testing">Demo test!</p>
function grabbingId(element){
var storeId = document.getElementById(element);
return storeId;
}
grabbingId("testing").syle.color = "red";
您可以使用像这样的惠特数组和 for 循环。
<p id='fisrt'>??????</p>
<p id='second'>??????</p>
<p id='third'>??????</p>
<p id='forth'>??????</p>
<p id='fifth'>??????</p>
<button id="change" onclick="changeColor()">color red</button>
<script>
var ids = ['fisrt','second','third','forth','fifth'];
function changeColor() {
for (var i = 0; i < ids.length; i++) {
document.getElementById(ids[i]).style.color='red';
}
}
</script>
如果您像我一样想要创建一个类似 or 的结构，其中任一元素在页面上可用，您可以使用
querySelector与
querySelectorAlldocument.querySelector('#myCircle1, #myCircle2, #myCircle3, #myCircle4');
对我来说，有这样的缺陷
doStuff(
document.getElementById("myCircle1") ,
document.getElementById("myCircle2") ,
document.getElementById("myCircle3") ,
document.getElementById("myCircle4")
);
使用 jQuery 或类似工具仅用一句话即可访问元素集合。当然，您需要在 html 的“head”部分中放置这样的内容：
<script type='text/javascript' src='url/to/my/jquery.1.xx.yy.js' ...>
所以这就是魔法：
.- 首先，我们假设您有一些带有您所写的 ID 的 div，即
...some html... <div id='MyCircle1'>some_inner_html_tags</div> ...more html... <div id='MyCircle2'>more_html_tags_here</div> ...blabla... <div id='MyCircleN'>more_and_more_tags_again</div> ...zzz...
.- 通过这个“咒语”，jQuery 将返回代表所有 div 元素的对象集合，其 ID 在任何地方都包含整个字符串“myCircle”：
$("div[id*='myCircle']")
这就是全部！请注意，您摆脱了数字后缀等细节，您可以在一个句子中操作所有 div，为它们设置动画......瞧！
$("div[id*='myCircle']").addClass("myCircleDivClass").hide().fadeIn(1000);
立即在浏览器的脚本控制台（按 F12）中证明这一点！
正如 jfriend00 所说，
document.getElementById() 一次仅支持一个名称，并且仅返回单个节点而不是节点数组。
但是，这里是我创建的一些示例代码，您可以提供一个或一个逗号分隔的 id 列表。它会给你一个数组中的一个或多个元素。如果有任何错误，它将返回一个以错误为唯一条目的数组。
function safelyGetElementsByIds(ids){
if(typeof ids !== 'string') return new Error('ids must be a comma seperated string of ids or a single id string');
ids = ids.split(",");
let elements = [];
for(let i=0, len = ids.length; i<len; i++){
const currId = ids[i];
const currElement = (document.getElementById(currId) || new Error(currId + ' is not an HTML Element'));
if(currElement instanceof Error) return [currElement];
elements.push(currElement);
};
return elements;
}
safelyGetElementsByIds('realId1'); //returns [<HTML Element>]
safelyGetElementsByIds('fakeId1'); //returns [Error : fakeId1 is not an HTML Element]
safelyGetElementsByIds('realId1', 'realId2', 'realId3'); //returns [<HTML Element>,<HTML Element>,<HTML Element>]
safelyGetElementsByIds('realId1', 'realId2', 'fakeId3'); //returns [Error : fakeId3 is not an HTML Element]
我需要类似的东西，并使用了这个：
<script>
function copyClipboard(target) {
var copyText = document.getElementById(target).innerHTML;
navigator.clipboard.writeText(copyText);
}
</script>
//html
<button onclick="copyClipboard(getAttribute('id'))" id="grav">123
这样我就可以用简短的代码获取对象id。
这不需要 jQuery 也是可行的，只需要一个 querySelect，看起来像这样：
document.querySelectorAll('[id^="myCircle"]')
您不需要末尾的数字。这将搜索所有匹配的 ID。
使用 jQuery 也可以实现同样的效果，如下
$("[id*='myCircle']")
我会推荐您第一个版本。
解决方案在这里
if (
document.getElementById('73536573').value != '' &&
document.getElementById('1081743273').value != '' &&
document.getElementById('357118391').value != '' &&
document.getElementById('1238321094').value != '' &&
document.getElementById('1118122010').value != ''
) {
code
}
您可以使用 document.getElementByID 来完成此操作，具体方法如下。
function dostuff (var here) {
if(add statment here) {
document.getElementById('First ID'));
document.getElementById('Second ID'));
}
}
给你！ xD