JS获取html对象的几种方式介绍

以下是关于JS获取html对象的几种方式的完整攻略：

1. 通过id获取对象

我们可以通过id来获取html对象。具体步骤如下：

var obj = document.getElementById('idName');

其中，'idName'是你想要获取的id名称。这个方法在页面中只能有一个元素拥有该id才能生效。

举个例子，如果你想获取以下html代码中的'div'元素：

<div id='myDiv'>Hello, World!</div>

那么你可以使用以下JS代码来获取它：

var obj = document.getElementById('myDiv');

2. 通过name获取对象

我们可以通过元素的name属性来获取html对象。具体步骤如下：

var obj = document.getElementsByName('nameValue');

其中，'nameValue'是你想要获取的name名称。需要注意的是，该方法返回的是一个数组，因为页面上可能会有多个元素拥有相同的name属性。

举个例子，如果你想获取以下html代码中的'input'元素：

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

那么你可以使用以下JS代码来获取它：

var obj = document.getElementsByName('myInput');

此时，obj是一个数组，包含了所有名称为'myInput'的元素。

3. 通过标签名获取对象

我们可以通过标签名来获取html对象。具体步骤如下：

var obj = document.getElementsByTagName('tagName');

其中，'tagName'是你想要获取的标签名称。需要注意的是，该方法返回的是一个数组，因为页面上可能会有多个该标签名的元素。

举个例子，如果你想获取以下html代码中的'p'元素：

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

那么你可以使用以下JS代码来获取它：

var obj = document.getElementsByTagName('p');

此时，obj是一个数组，包含了页面上所有的'p'元素。

通过以上三种方法的组合，我们可以轻松地获取到页面上的任何元素。需要根据实际情况选择不同的获取方式。