在不使用react中的refs的情况下获取元素引用

在不使用React中的refs的情况下获取元素引用，可以通过以下方法实现：

1. 使用原生JavaScript的getElementById方法：可以通过元素的id属性获取元素的引用。首先，在HTML中给目标元素设置一个唯一的id属性，然后使用document.getElementById方法获取该元素的引用。例如：

<div id="myElement">Hello World</div>

var element = document.getElementById("myElement");

1. 使用原生JavaScript的querySelector方法：可以通过CSS选择器获取元素的引用。使用querySelector方法可以根据选择器表达式获取匹配的第一个元素的引用。例如：

<div class="myClass">Hello World</div>

var element = document.querySelector(".myClass");

1. 使用原生JavaScript的getElementsByClassName方法：可以通过元素的类名获取元素的引用。使用getElementsByClassName方法可以获取所有具有指定类名的元素的引用，返回一个类数组对象。例如：

<div class="myClass">Hello World</div>

var elements = document.getElementsByClassName("myClass");
var element = elements[0]; // 获取第一个匹配的元素引用

1. 使用原生JavaScript的getElementsByTagName方法：可以通过元素的标签名获取元素的引用。使用getElementsByTagName方法可以获取所有具有指定标签名的元素的引用，返回一个类数组对象。例如：

<div>Hello World</div>

var elements = document.getElementsByTagName("div");
var element = elements[0]; // 获取第一个匹配的元素引用

需要注意的是，以上方法都是基于原生JavaScript的操作，不依赖于任何特定的框架或库。如果在使用React框架的情况下，可以使用refs来获取元素的引用，这是React提供的一种更方便的方式。