html style中如何获得控件

在HTML中，我们无法直接通过style属性获取控件，我们可以使用JavaScript来操作和获取HTML元素，以下是一些常用的方法：

1、通过ID获取元素

2、通过类名获取元素

3、通过标签名获取元素

4、通过name属性获取元素

5、通过CSS选择器获取元素

下面是这些方法的详细解释和示例代码：

1. 通过ID获取元素

在HTML中，每个元素都可以有一个唯一的ID，我们可以通过这个ID来获取元素。

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

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

2. 通过类名获取元素

在HTML中，我们可以给元素添加一个或多个类名，我们可以通过类名来获取元素。

<div >Hello World</div>

var elements = document.getElementsByClassName("myClass");

3. 通过标签名获取元素

在HTML中，每个元素都有一个标签名，我们可以通过标签名来获取元素。

<div>Hello World</div>

var elements = document.getElementsByTagName("div");

4. 通过name属性获取元素

在HTML中，我们可以给表单元素添加一个name属性，我们可以通过这个name属性来获取元素。

<input type="text" name="myInput">

var elements = document.getElementsByName("myInput");

5. 通过CSS选择器获取元素

在HTML中，我们可以使用CSS选择器来获取元素，我们可以使用类选择器、ID选择器、标签选择器等。

<div >Hello World</div>

var element = document.querySelector(".myClass"); // 类选择器
var element = document.querySelector("#myId"); // ID选择器
var element = document.querySelector("div"); // 标签选择器