<script src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.2/umd/react.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.2/umd/react-dom.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
<script type="text/babel">
const handleClick = () => {
const accessedElements = document.getElementsByName("element");
// Loop through accessed elements and set their background color to red
for (let i = 0; i < accessedElements.length; i++) {
accessedElements[i].style.backgroundColor = 'red';
accessedElements[i].style.margin = '10px';
<div className='container'>
<h3>React Js Get Element by Name</h3>
<div name='element'>Element 1</div>
<div name='element'>Element 2</div>
<button onClick={handleClick}>Access Element 1</button>
ReactDOM.render(<App />, document.getElementById('app'));
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);