document.getElementById() 只对一个元素进行操作

Question

I wrote a simple const divFrame = document.getElementById("ethto-adfr") and I use document.createElement("iframe") and divFrame.appendChild(createFrame) to create an iframe at the <div s with the id of ethto-adfr . It works great... but only on the first <div> in the page. Is this just the way that document.getElementById works? If so, how can I fix it?

Answer 1

If you're referring to the fact that there can only be one unique id per html page, then that's how it's supposed to work. If you want to select multiple elements, you want to use class.

<div class="some_class_name"></div>
<div class="some_class_name"></div>
<div class="some_class_name"></div>

Answer 2

As mentioned by @vlaz, IDs should be unique.

That being said, document.querySelectorAll('#ethto-adfr') might do the trick

Answer 3

IDs are meant to be unique for an HTML page, you can instead use class for using in multiple places.

 <div class="ethto-adrf"> ... </div>
 <div class="ethto-adrf"> ... </div>


 document.getElementsByClassName("ethto-adfr")